JQuery, как избежать меню скрыть, когда я нажимаю на него

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

Возможен там, чтобы избежать этого слоя «корзина» не скрывает, когда Я нажимаю на него? Моя проблема заключается в том, что когда я нажимаю в документе html documen, он скрывается, и я хочу этого, но я также не хочу включать в это событие «корзину» слоя, потому что у меня есть элементы управления, которые можно использовать в этом слое.

Буду признателен за любую помощь или идею, заблаговременно!

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