0

こんばんは、

スクリプトに関する問題が発生しました。2 つのスクリプトを同時に動作させることができませんでした。私のページには、それぞれ別の jquery ファイルを参照している 2 つのスクリプトがあります。問題は、ページを実行したときだけです。そのうちの 1 つが機能します。スクリプトの場所を並べ替えると (上下に配置)、2 つ目のスクリプトが実行されます。

誰かがこの問題について私を助けてくれれば幸いです...

ここに私のスクリプトがあります:

<link rel="stylesheet" type="text/css" href="jquery_imgzoom/css/imgzoom.css" />
<link rel="stylesheet" type="text/css" href="orbit/orbit.css" />

<script src="orbit/jquery.min.js" type="text/javascript"></script>
<script src="orbit/jquery.orbit.min.js" type="text/javascript"></script>
<script type="text/javascript" >
 $(window).load(function() {
     $('#featured').orbit();
 });
</script>

<script type="text/javascript" src="jquery_imgzoom/scripts/jquery.min.js"></script> 
<script type="text/javascript" src="jquery_imgzoom/scripts/jquery.imgzoom.pack.js"></script>
<script type="text/javascript">
 $(document).ready(function () {
$('img.thumbnail').imgZoom();

});

およびマークアップ:

<div id="featured"> 
          <img src="orbit/img1.jpg" alt="..." />
          <img src="orbit/img2.jpg"  alt="..." />
 </div>


         <a href="jquery_imgzoom/scripts/pic1_thum.jpg"><img class="thumbnail" src="jquery_imgzoom/scripts/pic1.jpg" alt="Picture1r" /></a>
        <a href="jquery_imgzoom/scripts/pic2_thumb.jpg"><img class="thumbnail" src="jquery_imgzoom/scripts/pic2.jpg" alt="Picture2" /></a>

SRC を 1 つのスクリプトに埋め込み、2 つの関数をそのスクリプト タグに移動しようとしましたが、何もうまくいかないようです !!!

4

1 に答える 1

1

jquery を複数回インポートする必要はありません。他のスクリプトをインポートする前に、それを 1 回インポートするだけです。

<script src="orbit/jquery.min.js" type="text/javascript"></script>
<script src="orbit/jquery.orbit.min.js" type="text/javascript"></script>
<script type="text/javascript" >
 $(window).load(function() {
     $('#featured').orbit();
 });
</script>

<script type="text/javascript" src="jquery_imgzoom/scripts/jquery.imgzoom.pack.js"></script>
于 2013-04-21T18:12:25.013 に答える