在同一个HTML中的两个不同的jQuery函数

我在HTML页面上工作，我想在同一页面上使用jQuery作为我的幻灯片显示和弹出式图像（jQuery-lightbox）。但是，当我同时激活这两个功能时，弹出式图像功能可以正常工作，但幻灯片放映部分停止工作。也许我以错误的方式编写了这个功能......在同一个HTML中的两个不同的jQuery函数

我感谢您的帮助！

这里是我的代码：

<head> 
<!--slideshow--> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 
<script src="nivo-slider/jquery.nivo.slider.pack.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(window).load(function() { 
     $('#slider').nivoSlider({ 

     effect:'random', 

    }); 
}); 
</script> 

<!--Lighbox-popout--> 
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> 
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> 
<script type="text/javascript"> 
    $(function() { 
     $('#photo a').lightBox(); 
}); 
</script> 
</head>

来源

2011-06-25 Kevin

你加载的jQuery的两个不同版本的相互干扰

。摆脱这一行：

<script type="text/javascript" src="js/jquery.js"></script>

看看是否有帮助。

来源

2011-06-25 01:39:20 Breton

请勿使用window.load请使用$(function() { ... })。另外，当您要求Lightbox时DOM还没有准备好。

来源

2011-06-25 01:39:55

你似乎包括jQuery的2个版本，禁用一个或另一个，看看是否会工作。

另外，失去行effect:'random',中的尾随逗号，有些浏览器会窒息而死。

来源

2011-06-25 01:40:37

使用此

<head> 
<!--slideshow--> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 
<script src="nivo-slider/jquery.nivo.slider.pack.js" type="text/javascript"></script> 
<!--Lighbox-popout--> 
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> 
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> 
<script type="text/javascript"> 
    $(function() { 
     $('#photo a').lightBox(); 
       $('#slider').nivoSlider({effect:'random'}); 
}); 
</script> 
</head>

来源

2011-06-25 03:42:16

在同一个HTML中的两个不同的jQuery函数

回答

相关问题