點擊查看手機版demo主要JS代碼 //顯示側邊欄 $("#drap").click(function(){ $(".footer_fixed").hide(); $(".sidebar").animate({right:"0%"}); $(".modelBlack").fadeIn("fast"); $(document).off("click"); //先解除事件綁定 $(document).on("click"); //再綁定事件,就不起作用了? }) //點擊空白區域關閉 $(document).off("click").click(function(e){ var _con = $('.sidebar'); // 設置目標區域 if(!_con.is(e.target) && _con.has(e.target).length === 0){ $(".sidebar").animate({right:"-72%"}); $(".modelBlack").fadeOut("fast"); } $(".footer_fixed").show(); });功能說明:先點擊【目錄】,打開右側目錄;再點擊【空白區域】,右側目錄關閉;問題:問題一:點擊空白區域無法關閉右側目錄; 問題二:如果不使用 $(document).off("click"); 當點擊目錄按鈕時,會同時觸發下面兩個事件,右側欄會不停的打開/關閉;
jquery 先用off解除事件綁定 再on綁定事件就不起作用了?
HUWWW
2018-11-14 13:13:49