不能将 jquery “on click” 与引导轮播一起使用

Can't use jquery "on click" with bootstrap carousel

本文关键字：一起 jquery on click 不能      更新时间：2023-09-26

我在使用引导轮播和具有可点击元素时遇到问题。 这是从我的源代码中提取的一些代码。 如何同时单击原始版本和修订版？

这是一个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

如果我理解正确，您可以使用 clone（） 向 DOM 添加新元素。因此，您需要使用实时事件，以便同时注册新的合格元素。

我猜是这样的

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

会工作。

相关文章：