如何讓我的jQuery代碼適用於動態加載的HTML？

Question

我有以下代碼：

<script type="text/javascript"> 
    $(function() { 
     $(".wrapper1").scroll(function() { 
      $(".wrapper2").scrollLeft($(".wrapper1").scrollLeft()); 
     }); 
     $(".wrapper2").scroll(function() { 
      $(".wrapper1").scrollLeft($(".wrapper2").scrollLeft()); 
     }); 
    }); 
</script> 

但我的HTML是動態的，後來又增加了。有沒有一種方法可以在動態添加的HTML之外使用此代碼，以便在加載HTML後可以使用該代碼？

Answer 1

您可以使用事件委派。使用

$(document).on('scroll', '.wrapper1', function() { 

，而不是

$(".wrapper1").scroll(function() { 

同樣地，對於所有的動態加載的元素。

更多info here

Answer 2

看看在.on() property委派動態創建的元素。