jquery - 如何使用按钮和画布关闭 btn？

Question

我有一些查询要显示和隐藏一个框。使用的 btn "normal-btn.interest" 是触发器，您可以单击画布 $(document) 以关闭 btn。

有人可以解释一下我如何将“normal-btn.interest”按钮添加到 jquery 中以关闭框以及拥有

$(document

    $('.normal-btn.interest').click(function(e){

            // Prevent the event from bubbling up the DOM tree
            e.stopPropagation();
            $('.categories-wrap').fadeIn();
        });

        $(document, '.normal-btn.interest').click(function(){
            $('.categories-wrap').fadeOut();
        });

Answer 1

Escaping class namenormal-btn.interest如果您将课程应用于您的element然后使用它'.normal-btn\.interest代替'.normal-btn.interest'like，将解决您的问题，

$('.normal-btn\.interest').click(function(e){
   // Prevent the event from bubbling up the DOM tree
   e.stopPropagation();
   $('.categories-wrap').fadeIn(); // must be hidden, to fade in
});
$(document, '.normal-btn\.interest').click(function(){
    $('.categories-wrap').fadeOut(); // must be visible, to fade out
});

如果你有，applied two classes那么你的代码就可以了，不需要转义

同样在查看您的Fiddle之后，我发现您的代码没有问题，您只需更改类categories-wrap的css

将位置从固定更改为绝对并减少顶部_

position: absolute;
top: 40px;

工作小提琴