0

これはpage2.htmlの内容です

<div data-role="page" data-theme="b" id="pageone">  
    <div data-role="content">
        <div class="site_wrap wrap">
            <div class="img_slides_wrap slides_wrap wrap">  

            <div>    <img id="slide1" class="img_slide slide active" src="img/slide0.jpg" alt="" title=""/> </div>
             <div>   <img id="slide2" class="img_slide slide" src="img/slide1.jpg" alt="" title=""/> </div>
             <div>   <img id="slide3" class="img_slide slide" src="img/slide2.jpg" alt="" title=""/> </div>
             <div>    <img id="slide4" class="img_slide slide" src="img/slide3.jpg" alt="" title=""/> </div>
             <div>   <img id="slide5" class="img_slide slide" src="img/slide4.jpg" alt="" title=""/> </div>
            </div>
        </div> 
        <a href="#pagetwo">SHARE</a>
    </div>
</div>

ここで、page1.html から 3 番目の画像の Onclick で「slide3」を取得する必要があります。

<li> <a href='page1.html#pageone#slide3' ><img src="img/thumb/a.jpg" alt="Image a" width="30" height="48"/></a></li>

問題は、page2.html の 3 番目の画像をクリックしたときに、最初の画像を取得できる代わりに、slide3 を取得できないことです...どこが間違っているのか教えてください。

4

2 に答える 2

3

ID はドキュメント内で一意である必要があります。

重複した ID を持つことはできません。

「X」は一意でなければならないため、URL フラグメント識別子構文は「X in Y」構文をサポートしていないため、「in Y」は冗長になります。

HTML が有効な場合、必要なのはhref="page1.html#slide3".

于 2013-11-02T07:33:46.830 に答える