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 获取第三张图片的 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 中的第三张图片时我无法获得 slide3 而不是能够获得第一张图片......我哪里出错了，请帮助我。

4

2 回答 2

3

ID在文档中必须是唯一的。

您不能有重复的 ID。

URL 片段标识符语法不支持“X in Y”语法，因为“X”必须是唯一的，因此“in Y”将是多余的。

如果您的 HTML有效，您所需要的只是href="page1.html#slide3".

于 2013-11-02T07:33:46.830 回答
0

从 1 到 10 的数字中调用每个 id。就像 #slide1 到 #slide10。您可以轻松地调用它href="page1.html#slide3"。

于 2013-11-02T07:39:04.740 回答