即使已刪除DOM，仍會加載JQuery事件

Question

我有這個標記

  <html>
     <body>
       <div id ="wrap">
         <div id = "main-content">
           <!-- more markup here -->
           <script>
          $(window).scroll(function(){
           if($(window).scrollTop() >= ($(document).height() $(window).height())*0.7) {
               alert("SCROLLED") 
             }}); 
           </script>
         </div>
       </div>
     </body>
    </html>

而且我通常會進行ajax調用以刪除“主要內容”的內容，而我使用

   $.get(sampleUrl, function(data) {
        var newTitle = $(data).filter('title').text();
        $('#main-content').children().remove();
        $('#main-content').html($(data).find('#main-content').html());
    },"html");

但是，上面的代碼僅刪除DOM而不刪除諸如“ scroll”事件之類的javascript事件，無論如何，我可以刪除/取消綁定它嗎？

Answer 1

將script標記放在頁面上時，它將執行。 它將使一個eventListener在window上滾動。 刪除main-content content內部的任何內容都不會撤消偵聽器，並且您的window顯然仍將存在。

當您想要停止該行為時，您想調用$(window).off('scroll') 。

$(window).unbind是一種$(window).unbind的舊方法。

邊注：

如果可以的話，您要避免放入內聯JS。

Answer 2

$(window).off('scroll')應該可以解決問題。

Answer 3

$(window).unbind('scroll');

事件綁定到窗口 -執行代碼並綁定事件后， script標記在頁面上的位置沒有變化。

實際上， unbind()是老式的方法， $(window).off('scroll'); ， $(window).off('scroll'); 是“首選” -除非您被困在使用1.7之前的舊版jQuery。 unbind()仍然有效，尚未被棄用，但總有可能。

即使已刪除DOM，仍會加載JQuery事件

問題描述

3 個解決方案

解決方案1
4 2013-09-02 00:00:08

解決方案2
1 2013-09-01 23:59:52

解決方案3
1 2013-09-02 00:00:17

即使已刪除DOM，仍會加載JQuery事件

問題描述

3 個解決方案

解決方案1 4 2013-09-02 00:00:08

解決方案2 1 2013-09-01 23:59:52

解決方案3 1 2013-09-02 00:00:17

解決方案1
4 2013-09-02 00:00:08

解決方案2
1 2013-09-01 23:59:52

解決方案3
1 2013-09-02 00:00:17