HREF使用#不工作

时间:2017-11-22 17:58:06

标签: html href

我有以下两个href:

        <li><a id="Totals" class="btn btn-info" style="display: none;" href="#section-fund-totals">Totals</a></li>
        <li><a id="CommonStock" class="btn btn-info" style="display: none;" href="#CommonStock">Common Stock</a></li>

以及以下两个div在页面下方:

            <div id="section-fund-totals" class="sectionanchor">
            </div>

和这个

            <div id="CommonStock" class="sectionanchor">
            </div>

当我点击总计时,我被带到页面的那一部分,但是当我点击普通股时,确实设置了完全像总计,没有任何反应。

为什么不呢?

我不妨补充一点,这是为工作人员生成的网址

http://localhost:50981/Holding/Account?account_id=DISCO%20%20%20%20%20#section-fund-totals

这是另一个

http://localhost:50981/Holding/Account?account_id=DISCO%20%20%20%20%20#CommonStock

2 个答案:

答案 0 :(得分:1)

由于您已将id="CommonStock"应用于两个元素adiv,因此设置不同。所以链接就是自己的目标。

ID必须在文档中唯一。

因此,将a的ID更改为id="CommonStockLink"或其他与CommonStock不同的内容,您就可以了。

答案 1 :(得分:1)

它应该具有不同的ID,因为您已经将CommonStock id添加到该div元素.add为id的另一个名称然后它将正常工作