在同一個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函數

回答

相關問題