阻止浏览器跳转到jQuery中的id元素

时间:2017-07-25 07:12:24

标签: javascript jquery

我不希望浏览器跳转到给定的ID:

<a href="documentation-creating-model.php#learningDiagnosis">Learning diagnosis</a>

很少有链接指向另一个页面,因此我需要锚标记。但是在同一页面中,我编写了一个代码来滚动到正确的位置。

我试过了:

e.preventDefault();
return false;
e.preventPropogation();

以上都不是。

基本上在同一页面上我想覆盖默认滚动。我编写了scrollTop,但由于默认滚动发生,它无法正常工作

1 个答案:

答案 0 :(得分:0)

尝试在attr标记的a中找到#:

$("a").on("click", function(e) {
    var hasUrl = $(this).attr('href').split('#')[0];
    alert(hasUrl == "")
    if(hasUrl == "") {
      return false;
    } else {
      alert('redirect');
    }
})

此处已更新fiddle