簡體   English   中英

HTML本地錨不起作用,網頁未重新加載

[英]HTML local anchor doesn't work, web page is not reloaded

問候,

我正在嘗試在網頁中使用本地錨,但是它不起作用。 本地錨點的URL如下所示:

https://開頭的主機名:端口/信息為newElement =真#一

如果使用此URL直接加載網頁,則可以看到該網頁位於本地錨點的正確位置。 但是,如果我單擊網頁中的超級鏈接,則沒有任何反應,盡管當我將鼠標懸停在超級鏈接上時,可以在頁腳中看到URL是正確的。

不會重新加載網頁,並且瀏覽器地址框中的URL也不會更改為結尾帶有“ #a”的URL。 是否由於網頁是活動網頁?

下面是代碼示例:

“form.jsp”:

<div>
    <div>
        <jsp:include page="form-nav.jsp" />
        <div>
            <jsp:include page="form-location.jsp" />
            ....
        </div>
    </div>
</div>

“表單nav.jsp”:

<div>
    <ul class="tab">
        <li>
            <a href="#location"> Name </a>
        </li>
        ....
    </ul>
<div>

“表單location.jsp”:

<div id="location" class="page">
...
</div>

謝謝Z

DEMO

這是如何使用定位標記的示例。

錨定語法:

<a href="#someid">Link text</a>

參考元素:

<div id="someid">You content goes in here</div>

大家,

通過進一步閱讀代碼,我現在發現了問題。 js文件中有超鏈接的單擊行為的替代:

$("body..... ul.tab li a").on('click', function() {
    ...
    return false;
})

通過刪除此替代邏輯,本地錨現在可以正常工作。 非常感謝您的評論!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM