在页面锚点不在Firefox中工作

时间:2012-10-31 17:48:12

标签: html anchor

我的代码类似于下面的代码,每个页面都会有不同的镜头数量。我的目标是打开一个弹出窗口并直接按照

这样的网址进行特定拍摄

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>

2 个答案:

答案 0 :(得分: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: the-indicated-part-of-the-document

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

如果DOM中有 a 元素,其 name 属性的值完全等于fragid(未解码的fragid),那么第一个这样的元素树顺序是文档的指示部分;在这里停止算法。

答案 1 :(得分:1)

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

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

另外,他们说,HTML5不支持anchor id。 This might be of interest