Jquery slideToggle,slideUp& Firefox中的stopPropagation

时间:2017-06-21 17:38:28

标签: javascript jquery firefox

我正在使用jquery slidetoggle&滑动,以便当用户点击#link时,#div(默认情况下是隐藏的)幻灯片打开。此外,任何地方的任何点击都应该滑动并隐藏#div。所以我的脚本是这样的:

$( document ).ready(function() {
    $('#link').click(function(){
        $('#div').slideToggle('fast');
        event.stopPropagation();
    });
    $(window).click(function() {
        $('#div').slideUp('fast');
    });
});

这在Chrome中运行良好,但在Firefox中,初始点击打开div也会触发slideUp,因此div会向下滑动然后立即向上滑动。我在这做错了什么?有没有更好的方法来完成我想要做的事情?

1 个答案:

答案 0 :(得分:1)

好像您错过了将$( document ).ready(function() { $('#link').click(function(event){ //note here $('#div').slideToggle('fast'); event.stopPropagation(); }); $(window).click(function() { $('#div').slideUp('fast'); }); }); 对象传递给侦听器。将您的代码更正为此并尝试..

name         math     physics     chemistry    hindi    english
pk           85       65            45          54       40
ashis        87       44            87          78       74
rohit        77       47            68          63       59
mayank       91       81            78          47       84
komal        47       51            73          61       55

有关详细信息,请参阅此处event.stopPropogation

希望这有帮助!