如何让我的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以委派动态创建的元素。