javascript - 事件结束前点击函数触发函数

Question

我构建了一个下拉菜单，如果单击菜单本身或正文中的任何位置，该菜单将使用 slideUp 事件:

$('html, .currentPage').click(function() { 
    $('.currentMenu').slideUp('fast', function() { myFunction(); });
});

我在 slideUp 事件回调中也有一个函数。

但是，我的问题是无论是否发生了 slideUp 事件，该函数都在 html 或 .currentPage click 上被调用。

我怎样才能让它成为函数(); 只有在 slideUp 事件运行时发生？

Answer 1

$('html, .currentPage').click(function() { 
    var $currentMenu = $('.currentMenu');

    if($currentMenu.is(':visible')) { 
        $currentMenu.slideUp('fast', function() { myFunction(); });
    }
});

更多

$('html, .currentPage').click(function() { 
    var $currentMenu = $('.currentMenu');

    if($currentMenu.is(':visible')) { 
        $currentMenu.slideUp('fast', myFunction);
    }
});

您还可以选择使用 $currentMenu.css('display') != 'none' 代替 $currentMenu.is(':visible')。

这些选项是根据 slideUp() 的实际行为建议的，在 http://api.jquery.com/slideUp/ 的官方文档中有描述。 .