javascript - 让 jquery 处理动态内容

Question

我有这个引导轮播脚本，但触发器是一个附加按钮。我是 js 的初级学生，我不太确定我应该如何或委托(delegate)使其工作并更改代码。你能帮我解决这个问题吗？也许还告诉我应该如何使用它。提前致谢

<script>
      /* activate the carousel */
    $("#modal-carousel").carousel({interval:false});

    /* change modal title when slide changes */
    $("#modal-carousel").on("slid.bs.carousel", function () {
      $(".modal-title").html($(this).find(".active img").attr("title"));
    })

    /* when clicking a thumbnail */
    $(".galz .gal").click(function(){
        var content = $(".carousel-inner");
        var title = $(".modal-title");

        content.empty();  
        title.empty();

        var id = this.id;  
        var repo = $("#img-repo .item");
        var repoCopy = repo.filter("#" + id).clone();
        var active = repoCopy.first();

        active.addClass("active");
        title.html(active.find("img").attr("title"));
        content.append(repoCopy);

        // show the modal
        $("#modal-gallery").modal("show");
    });

</script>

Answer 1

使用事件委托(delegate)

$(document).on('click', 'element', function() {
    // Your function code
});