Question

我有一个菜单配置文件的链接。它有一个名为“用户按钮”的类。当用户点击它时，jquery会将另一个类添加到ul列表中以显示它。

$(".user-button").click(function() {
    if(!$(".arrow").hasClass('toggle')) {
        $(".arrow").addClass('toggle');
        $(".profile-action").addClass('display-it');
    } else {
        $(".arrow").removeClass('toggle');
        $(".profile-action").removeClass('display-it');
    }
});

图片参考：http://cl.ly/0R1u3A0h341s2w3a3Y3L

如何让用户点击身体等其他元素来关闭'.profile-action'？例如：facebook modaless

谢谢。

Answer 1

将此添加到您的代码中：

$('html').click(function() {
     $(".arrow").removeClass('toggle');
     $(".profile-action").removeClass('display-it');
 });

并更改您当前的代码以防止支持：

$(".user-button").click(function(event) {
    event.stopPropagation();
    if(!$(".arrow").hasClass('toggle')) {
        $(".arrow").addClass('toggle');
        $(".profile-action").addClass('display-it');
    } else {
        $(".arrow").removeClass('toggle');
        $(".profile-action").removeClass('display-it');
    }
});

jQuery onclick on other element

1 个答案: