-2

同じページの2つの異なる記事タグでJqueryファイルを使用しています。これらは2つの異なる記事タグです。

最初の記事タグ、

    <article id="popupAbout" class="popupAbout"> <a id="popupAboutClose"><img src="../original/images/close.png" width="50" alt="" /></a>
  <h1>Maps of Arizona</h1>
  <div id="container">
    <div id="photo-wrapper">
        <img class="image" id="image1" src="images/Wet.jpg"  height="450px" width="800px" alt="image 1"/>
        <img class="image" id="image2" src="images/Dens.jpg" height="450px" width="800px" alt="image 2"  />
        <img class="image" id="image3" src="images/Slope.jpg" height="450px" width="800px" alt="image 3"  />

        <!-- 
        <div id="transition-container"> This effect is not needed for this demo         
        </div>
        -->

        <img id="previous-btn" src="images/left_arrow.png" alt="Previous Button" />
        <img id="next-btn" src="images/right_arrow.png" alt="Next Button" />
    </div>
  </div>  
</article>

2番目の記事タグ、

    <article id="popupProjects" class="popupProjects"> <a id="popupProjectsClose"><img src="../original/images/close.png" width="50" alt="" /></a>
  <h1>Maps of Four States</h1>
  <div id="container">
    <div id="photo-wrapper">
        <img class="image" id="image1" src="images/3843_T_av6_4states.jpg"  height="450px" width="800px" alt="image 1"/>
        <img class="image" id="image2" src="images/4.jpg" height="450px" width="800px" alt="image 2"  />
        <img class="image" id="image3" src="images/beach6.jpg" height="450px" width="800px" alt="image 3"  />

        <!-- 
        <div id="transition-container"> This effect is not needed for this demo         
        </div>
        -->

        <img id="previous-btn" src="images/left_arrow.png" alt="Previous Button" />
        <img id="next-btn" src="images/right_arrow.png" alt="Next Button" />
    </div>
  </div>
</article>

ご覧のとおり、タグの内容はほぼ同じです。私は両方で同じFade.jsを使用しています。最初のものは正常に動作していますが、2番目のものは、ボタンと空の画像コンテナしか見ることができません。

ヘルプ！！！

4

1 に答える 1

1

この問題は、ID を再利用していることが原因である可能性があります。すべての ID は一意である必要がありますが、同じ ID を複数回使用しています (例: next-btn)。

id ではなくクラスで選択するように jQuery を変更し、両方の記事に同じクラスが含まれるようにします。

于 2012-04-15T18:39:24.730 に答える