尝试阻止默认点击并运行函数

Question

我对 JS 和 jQuery 还很陌生，而且我刚刚对基本 JS 有了足够的了解，可以在 jQuery 中尝试一些东西。因此，我在这里尝试做的是在单击主导航中的链接时阻止页面加载（理想情况下会使用 ajax 加载页面）。

所以到目前为止，这是我的脚本，基本上没有任何效果......在 Chrome 中，警报显示并显示被单击的链接，但 Firefox4 似乎完全忽略我的脚本（Firebug 控制台什么也不显示）。

任何帮助表示赞赏。

$(document).ready(function(){
$("#navigation a").each(function() {
    $(this).click(function(){
        event.preventDefault();
        loader();
    });
});

});

function loader(){
theLink = event.target;
alert("You clicked: " + theLink);
}

Answer 1

尝试将您的代码更新为此

$(document).ready(function(){
    $("#navigation a").click(function(event){
        event.preventDefault();
        loader(event);
    });
});

function loader(event){
    var theLink = event.target;
    alert("You clicked: " + theLink);
}

Answer 2

$(document).ready(function(){
    $("#navigation a").click(function(event){
            event.preventDefault();
            loader(event);
        });                

    function loader(event){
    theLink = event.target;
    alert("You clicked: " + theLink);
    }
});

Answer 3

您没有将事件对象传递给您的点击处理程序。另外，您不需要 .each()，因为 .click() 将枚举查询结果并向每个结果附加一个点击处理程序，

请尝试调整它到：

$(document).ready(function(){
    $("#navigation a").click(function(e) {
            e.preventDefault();
            loader(e);
        });
    });
});

function loader(e){
    theLink = e.target;
    alert("You clicked: " + theLink);
}

Answer 4

尝试在点击函数末尾添加 return false

 $(this).click(function(){
        event.preventDefault();
        loader();
        return false;
    });

并阅读此 event.preventDefault() 与 return false