Question

我有一些查询来显示和隐藏一个框。使用的btn“normal-btn.interest”是触发器，你可以点击画布$（文档）来关闭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 name如果您将normal-btn.interest课程应用到element，然后像'.normal-btn\.interest一样使用它来代替'.normal-btn.interest'，

$('.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后，我看到您的代码没有任何问题，您只需要更改 css 课程类别 - 换行

将位置从固定更改为绝对，将降低更改为顶部，

position: absolute;
top: 40px;

<强> Working Fiddle

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

1 个答案: