2 Librerias conflicto

merlin2000 · #1 (**permalink**) 14/12/2012, 06:54

Hola, señores estoy haciendo una pagina la cual tiene un menú y un slider pero no logro hacer que funcionen las 2 cosas, el menú solo funciona con la Librería jquery (osea con esta versión) si le pongo otra la 1.6.2, 1.7, o la 1.8 nada no funciona solo me funciona con la jquery mientras que el slider si funciona con culquiera pero no funciona con la misma que funciona el menu es un desastre y no quiero quitar el menu porque me gusta.

Quisiera saber que puedo hacer para tener las 2 cosas funcionando sin problemas hasta ahora solo he dejado la pagina con la librería jquery, he quitado las otras versiones (1.6.2, 1.8.3) solo tiene la jquery y bueno el menú funciona perfectamente pero el slider funciona pero con problemas se pone pequeño no se ve bien.

Que me recomiendan?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="styles/estilo.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="styles/nivo-slider.css" type="text/css" media="screen" /> 
<link rel="stylesheet" href="styles/default.css" type="text/css" media="screen" /> 

<link href="styles/style.css" rel="stylesheet" type="text/css" />



<script src="js/jquery.js" type="text/javascript" ></script>
<script src="js/animate-bg.js" type="text/javascript" ></script>
<script src="js/scripts.js" type="text/javascript" ></script>
<script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script> 
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider(); // Carga de NivoSlider
});
</script> 

<style type="text/css">


</style>
</head>

fishdesign · #2 (**permalink**) 14/12/2012, 08:16

No es buena idea usar varias versiones, aunque supongo que eso ya lo sabes.
Prueba con jQuery.noConflict();, aunque está diseñado para usar dos librerías distintas que usen acortadores como $.
Si no te vale usando $.noConflict() a secas, podrías probar con:

Cargas una librería, posteriormente pones lo siguiente:

Código Javascript:

Ver originalvar $k = jQuery.noConflict();

A continuación, cargas la otra.

De esta manera, podrás usar $ y $k para hacer la diferencia.

Un saludo

merlin2000 · #3 (**permalink**) 14/12/2012, 08:37

Ok pero en que parte de mi código exactamente debo poner el .noconflict en realidad yo no se mucho de esto ha decir verdad es la primera vez que utilizo el jquery en una pagina siempre hacia mis menús sin jquery y también los slider para estos usaba flash.

Es ahora que estoy aprendiendo a utilizarlos en mis paginas pero no se donde debería ir ese código que me das.

Donde debería ponerlo?

merlin2000 · #4 (**permalink**) 16/12/2012, 08:19

Hey, por fin ya pude solucionar este problema después de probar como con quinientas librería, probé hasta con las que no han salido pero bueno la que me dió resultado es la 1.5.1 ya tengo las 2 cosas funcionando perfectamente el menú y el slider.

Muchas gracias y suerte.