单击窗口时，幻灯片菜单会重新开始

Question

以下代码适用但是。单击窗口或文档时如何删除其操作？

$(document).ready(function(){
 $("#icon").click(function(){
     if(! $("#icon").hasClass('active')){
    $("#icon").toggleClass('active');
     $("body").animate({ margin: "0 0 0 350px" }, 400 );
        $('body').css({
          'overflow': 'hidden',
          'height': '100%'
          });
     }else{
        $("#icon").removeClass('active');
         $("body").animate({ margin: "0 0 0 0" }, 400 );
         $('body').css({
          'overflow': 'auto',
          'height': 'auto'
          });       
     }


 });
});

Answer 1

您可以使用jquery方法 off() 来使用window, document选择器和取消绑定click事件：

$(window ,document).click(function(){
    $("#icon").off('click');
});

希望这有帮助。

Answer 2

要删除操作，您可以使用两个jquery函数来禁用事件。 http://api.jquery.com/off/和http://api.jquery.com/unbind/。

$(window,document).bind("click",function(){
   $("#icon").unbind("click");
   // or use
   $("#icon").off("click");
});