2

我的代码如下所示，每页的镜头数量都不同。我的目标是打开一个弹出窗口，然后直接通过 url 去那个特定的镜头，比如

www.example.com/shot/#12.

出于某种原因，这在 IE 和 chrome 中运行良好，但在 Firefox 中则不行。在 Firefox 中，它会指向不同的东西，但会打开弹出窗口。

<repeater>
    <div>
        <div>
            <a href="#ShotNumber" name="#12">
            </a>
        </div>
        <div>
            HTML FOR EACH SHOT
        <div>
    <div>
<repeater>
4

2 回答 2

5

锚

<a name="Anchorname"></a>

例如：正常方式

 <div>
   <a href="#ShotNumber">Go to ShotNumber</a> <!-- Link to ShotNumber -->
   <a href="#12">Go to 12</a> <!-- Link to 12-->
 </div>
 <!-- more stuff -->
 <div>
   <a name="ShotNumber"></a> <!-- Anchor name=ShotNumber -->
   HTML FOR ShotNumber
 </div>
 <!-- more stuff -->
 <div>
   <a name="12"></a> <!-- Anchor name=12 -->
   HTML FOR 12
 </div>

像这样称呼它：

example.com/myShot.html#ShotNumber

编辑： html5：文档的指示部分

如果 DOM 中有一个元素的ID与 decoded fragid 完全相同，那么树顺序中的第一个这样的元素就是文档的指示部分；在这里停止算法。

如果DOM 中有一个a元素的name属性的值正好等于 fragid（未解码的 fragid），那么树顺序中的第一个这样的元素就是文档的指示部分；在这里停止算法。

于 2012-10-31T18:02:17.537 回答
1

尝试 <a name="12">This is item number 12</a>

然后 <a href="#12">Go to item number 12</a>。

此外，他们说，HTML5 不支持锚 id。这可能很有趣。

于 2012-10-31T17:52:26.930 回答