Question

我正在尝试执行以下可正常运行的代码：

/*
** SHOW OR HIDE A MENU DEPENDING IF I CLICK OUTSIDE OR INSIDE
*/
function showBasket(){
    var $basket=$('#basket');
    var nstyle=$basket.css("display");
    if (nstyle=='none'){
        $basket.fadeIn(false,function(){//showing the basket
            $('html').bind("click",function(){
                $basket.fadeOut();//hidding the basket
                $("html").unbind("click");
            });
        });
    }
}

是否有可能避免层＆＃39;篮子＆＃39;我点击它时不会隐藏？我的问题是，当我点击html文档时，它隐藏了，我想要它，但我也不想包含图层＆＃39;篮子＆＃39;在那种情况下，因为我有在图层中使用的控件。

我很感激任何帮助或想法，提前谢谢!!

Answer 1

试试这个

function showBasket(){
    var $basket=$('#basket');
    var nstyle=$basket.css("display");
    $basket.on('click',function(e){
        e.stopPropagation();
        return false;
    }
    if (nstyle=='none'){
        $basket.fadeIn(false,function(){//showing the basket
            $('html').bind("click",function(){
                $basket.fadeOut();//hidding the basket
                $("html").unbind("click");
            });
        });
    }
}

jquery，当我点击它时如何避免隐藏菜单

1 个答案: