Question

我有这个bootstrap轮播脚本，但触发器是一个附加按钮。我是js的初级，我不确定我应该如何使用或委托使其工作并更改代码。你能帮帮我吗？也许告诉我应该怎么用它。 Thnx提前

<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

使用事件委托

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

Answer 2

您也可以通过这种方式拨打电话

 $(document).delegate('.galz', 'click', function() {
       //your code

    });

让jquery处理动态内容

2 个答案: