防止超链接的默认操作不起作用

Question

我正在努力使其在单击此链接时，#pd未添加到地址栏（url），并且链接不会尝试导航到任何位置。但是，我一直在地址栏中获取#pd，虽然我没有被带到页面顶部，我通常会这样做。

我该如何解决这个问题？

jQuery(document).ready(function($) {
$('a[href=#pd]').click(function(event){
event.preventDefault();
});

});

HTML：

<a href="#pd">Click me</a>

Answer 1

此代码工作正常，请参阅this fiddle，点击时链接的颜色可以看到两个链接之间的差异。请注意，url不会在jsfiddle中更改，但您可以在一个简单的html页面上测试它。

HTML

<a href="#pd">Won't mark as visited</a>
<a href="#not-pd">Will mark as visited</a>

的javascript

jQuery(document).ready(function ($) {
    $('a[href=#pd]').click(function (event) {
        event.preventDefault();
    });
});

确保正确包含jquery，我在小提琴上使用jQuery 2.1.0;）