修正使用 baseurl 時,錨點連結 anchor 無法正確連結的問題

by | 7 月 3, 2021 | Frontend

如果你的網站使用了 <a href="#link"> 用來連結同頁錨點,卻無法正確連結,那是因為 header 裡面的 <base url="homepage"> 的問題。

但不用急著把這一段原始碼移除,只需要加一段 JS ,不用修改內容,就可以完美解決:

$(document).ready(function() {
    var pathname = window.location.href.split('#')[0];
    $('a[href^="#"]').each(function() {
        var $this = $(this),
            link = $this.attr('href');
        $this.attr('href', pathname + link);
    });
});

原始出處:html – Make anchor links refer to the current page when using – Stack Overflow

 

0 Comments

Submit a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

RSS
Follow by Email