javascript - PreventDefault javascript 不会阻止 url 重定向

Question

我的html是

<a class="delete" href="/FolderComment/delete/12">delete</a>

我的js是

$("a .delete").click(function(e){

          //e.preventDefault();   --> tried that too
            var href = this.attr("href");
            $.post(
                href, {},
                function(data){
                    alert(data);
                }
            );
            return false;
        });  

但它不起作用，页面被重定向。

这是一个jsfiddle

Answer 1

您的选择器应该是 a.delete - 注意空间不足。

正如所写，您的回调处理程序甚至没有被调用，因为您的选择器正在寻找类 .delete 的元素。这是 <a> 的后代 ，不是 <a> 有那个类。

其次，出于安全原因，如果链接指向远程资源，您的浏览器可能不允许被劫持。

正如 @NickW 所指出的，页面本地链接(以 # 开头)可以被重定向。但是，如果您希望页面在没有 JS 的情况下正常工作，那么您可能无法做到这一点。

在这种情况下，一个简单的修复方法是在页面加载时使用 JS 重写所有此类链接:

$('a[href^="/"]').attr('href', function(index, val) {
    return '#' + val;
});