FireFox中事件传播的问题

Question

我正在使用以下代码来阻止事件传播：

function mapSlider(e) {
if ($('.slideme').hasClass('open')) {
        $('.slideme').animate({left:0,},'slow').removeClass('open');
        $('.opened').hide();
        $('.closed').show();
        } else {
        $('.slideme').animate({left:-710,},'slow').addClass('open');
        $('.opened').show();
        $('.closed').hide();
        }
        return(false);

        if (!e) var e = window.event;
        e.cancelBubble = true;
        if (e.stopPropagation) e.stopPropagation();
        e.preventDefault();
        e.stopImmediatePropagation();
}

它适用于Chrome和Safari，但不适用于Opera或Firefox（甚至还没有尝试过IE！）。 FF萤火虫说'e'是不确定的。 我远不是一个jquery大师，我不明白为什么e未定义，但它真的吗？ 我以为var e 正在定义它？

我该如何修复呢？

为愚蠢的问题道歉 - 我自学成才，随时随地挑选。

MTIA

Answer 1

jQuery统一了所有这些浏览器差异。 你只需要这样做：

function mapSlider(e) {
    if ($('.slideme').hasClass('open')) {
        $('.slideme').animate({left:0,},'slow').removeClass('open');
        $('.opened').hide();
        $('.closed').show();
    } else {
        $('.slideme').animate({left:-710,},'slow').addClass('open');
        $('.opened').show();
        $('.closed').hide();
    }
    e.stopPropagation();
    e.preventDefault();
}

在你的例子中，底部的代码永远不会被执行，因为你return false; 之前。

现在它只取决于如何调用此函数。 如果将其正确分配为事件处理程序，则会自动传递事件对象。

更新：

在您的代码中，您没有将event对象传递给处理程序。 你必须做：

<div id="map-box" class="slideme" onClick="mapSlider(event)">

但我认为这在IE中不起作用。

所以最好用jQuery方式做到：

$(function() {
    $('#map-box').click(mapSlider);
});

---

jQuery文档非常好，我建议阅读它。 特别是在这种情况下关于Event对象 。

另请查看本教程 。

Answer 2

返回false后不会执行任何代码。 将return false返回到函数的最后一行。