同じHTML内の2つの異なるjQuery関数

私はHTMLページを作成しています。同じページにスライドショーとポップアウト画像（jQueryライトボックス）を使用したいと思います。しかし、これらの2つの機能を同時に使用すると、ポップアウト画像機能は機能しますが、スライドショーセクションは機能しなくなります。たぶん私は間違った方法で関数を書きました....同じHTML内の2つの異なるjQuery関数

私はあなたの助けに感謝します！あなたがお互いに干渉しているのjqueryの2つの異なるバージョンをロードしている

<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

：

は、ここに私のコードです。この行を取り除く：

<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内の2つの異なるjQuery関数

答えて

関連する問題