Question

这是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>

现在我需要在第一张图片的onclick上获取“slide3”来自page1.html，这是它的代码

<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而是能够获得第一张图片...我在哪里出错了请帮助我。

Answer 1

文档中的ID必须唯一。

您不能拥有重复的ID。

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

如果您的HTML为valid，则只需href="page1.html#slide3"。

Answer 2

从1到10之间拨打每个ID。例如＃slide1到＃slide10。您可以轻松地将其称为href="page1.html#slide3"。

如何在html中的另一个ID中调用特定ID？

2 个答案: