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