不能在引导轮播中使用“点击时” jQuery

Question

我在使用自举轮播时遇到了麻烦，并且遇到了可点击的元素。 这是从我的源代码中提取的一些代码。 如何同时点击原始版本和修订版本？

这是一个JS小提琴http://jsfiddle.net/v9ec3/204/

这是我的代码

#myCarousel.carousel.slide{id: original.id}
      .carousel-inner
        - if count == 1
          .item
            .col-lg-6.col-xs-6.col-md-6.col-sm-6{id: "original-link", "data-target" => ".original_#{post.id}", "data-toggle" => "modal"}
              .text-center
                %b
                  ORIGINAL
                %a
                %br
                #border
                  = image_tag original.snapshot
            - count += 1
        - completed_drafts.each do |post|
          - if count == 2
            .item.active 
              .col-lg-6.col-xs-6.col-md-6.col-sm-6{id: ".revision_#{post.id}", class: "link",  "data-toggle" => "modal", :category => post}
                .text-center
                  %b
                    REVISED
                %a

                #border
                  = image_tag post.snapshot

            - count += 1

Answer 1

如果我理解正确，则可以使用clone（）将新元素添加到DOM中。 因此，您需要使用现场赛事，因此也会注册新的排位赛元素。

我猜是这样的

$(".carousel-inner").on("click", ".link", function({ 
    alert("this works!");
  }));

会工作。