JQuery - ayuda jquery

   
Vista:

ayuda jquery

Publicado por jefferson (1 intervención) el 12/01/2011 20:18:11
esulta que utilizo los plugins por separado
en este caso el primero es el menu lavalamp
y el segundo es el lightbox, pero cuando intento llamarlo a los dos en la misma pagina solo me ejecuta uno, me podrian decir por que pasa esto y como lo puedo solucionar
el lightbox me funcion de maravilla pero el lavalamp no me quiere funcionar.

he investigado sobre el tema y he encontrado algo sobre callback de funciones pero no le he dado con el chiste

<script type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="js/jquery.lavalamp.min.js"></script>
<!-- Optional -->
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.min.js"></script>
<script type="text/javascript">

$(function()
{

$('#gallery a').lightBox();

});

$(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed: 700,click: function(event, menuItem) {

//return false;
} })});

</script>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:ayuda jquery

Publicado por jfableon (1 intervención) el 19/01/2011 06:22:39
Hola Jefferson,

No he trabajado mucho con jquery pero veo dos posibles correcciones:

Primero se está llamando dos veces a la librería del jQuery:
<script type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
Debería dejar solo uno de los dos, sería mejor el min que cargará más rápido. Sin embargo puede ensayar otra versión más actualizada (1.4.4 en este momento es la última), pero es mejor ver cada una de las librería a ver con que versiones de jQuery son compatibles.

Segundo se está haciendo doble llamado al ready del documento $(function(){ ... })
Aunque esto se puede hacer, yo preferiría no hacerlo a menos que sea estrictamente necesario y escribiría el código así:
$(function() {
$('#gallery a').lightBox();
$(".lavaLamp").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
//return false;
}
});
});

Espero te sirva
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar