event.preventDefault在Firefox中不起作用

Question

我不确定为什么，但是由于某种原因， event.preventDefault()调用在Firefox中不起作用。 我正在使用它来阻止单击将您href到href a链接，而是运行单击功能。 标记如下：

jQuery的：

$('.sub-list-click a').click(function() {
    event.preventDefault();

    var sub = $(this).parent("li").next(".sub, .homepage-sub");

    if (sub.css('display') == 'none') {

        $(".sub, .homepage-sub").slideUp();
        $(".sub, .homepage-sub").children("li").animate({
            opacity: "0"
        }, 10);               

        setTimeout(function() { 
            sub.slideDown();                  
        }, 200);
        setTimeout(function() {
            sub.children("li").animate({
                opacity: "1"
            }, 200); 
        }, 500);   

    } else {
        sub.slideUp();
    }      

    return false;
});

它可以在我测试过的所有其他浏览器中使用，只是Firefox似乎存在一些问题。

Answer 1

您需要像这样在您的click函数处理程序中添加event作为参数：

$(document).ready(function () {
    $('.sub-list-click a').click(function (event) {
        event.preventDefault();
        var sub = $(this).parent("li").next(".sub, .homepage-sub");

        if (sub.css('display') == 'none') {
            $(".sub, .homepage-sub").slideUp();
            $(".sub, .homepage-sub").children("li").animate({
                opacity: "0"
            }, 10);

            setTimeout(function () {
                sub.slideDown();
            }, 200);
            setTimeout(function () {
                sub.children("li").animate({
                    opacity: "1"
                }, 200);
            }, 500);

        } else {
            sub.slideUp();
        }
    });
});

另请注意，此示例包装在document.ready事件中（您可能已经这样做了，但是由于不明显，因此我将其添加为注释）

此处的“正在工作”示例（该链接阻止了以下内容，而不是任何动画内容）：
http://fiddle.jshell.net/79uuqmho/1/

编辑/更新：
它在Firefox中不起作用的原因是因为使用event.something会给您提供事件未定义的错误，该错误会停止脚本的执行。 另一方面，Chrome不会给出该异常（可能是由于在窗口对象的某个位置定义了事件），并且允许脚本向下执行以返回false。 （与{event.preventDefault（）; / * AND * / event.stopPropagation（）;}相同）

Answer 2

在事件方法参数中使用任何对象，即：

$('.sub-list-click a').click(function(e) {
    e.preventDefault();
    // other code
}