Javascript jquery，如何避免单击菜单时隐藏它

我正在尝试执行以下工作正常的代码：

/*
** 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");
            });
        });
    }
}

有没有可能避免我点击图层“篮子”时它不会隐藏？我的问题是，当我在html文档中单击时，它会隐藏，我希望这样，但我也不希望在该事件中包含层“basket”，因为我在该层中使用了控件

如果有任何帮助或想法，我将不胜感激， 提前谢谢你

试试这个

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，那么应该使用

.on（）

而不是

.bind（）