Question

Jquery＆＃34; Cloning＆＃34;在＆＃34;点击＆＃34;所有按钮都没有触发事件，它只在第一个按钮中工作。我需要让它为所有按钮触发。有人可以帮我解决吗？

以下是代码：

＆＃13;

${replace}

＆＃13;

//$(html).appendTo(this).hide().slideDown();

$('.LPclone').click(function() {
  $('.widgetWrap').clone().appendTo('#tempEditorView');
});

＆＃13;

.widgetWrap {
  padding: 30px 10px;
  align-self: baseline;
}

.widgetHeading {
  background-color: transparent;
  color: #222;
  position: relative;
}

.LPclone {
  height: 30px;
  padding: 3px 10px;
  line-height: 30px;
  background-color: #000;
  color: #fff;
  display: inline-block;
  cursor: pointer;
}

＆＃13;

在此处查看：https://jsfiddle.net/Issact/sL4q3ohh/2/

Answer 1

click不会将click事件绑定到动态生成的元素。您需要委派活动

$("#tempEditorView").on('click', '.LPclone', function(){
        $('.widgetWrap').clone().appendTo('#tempEditorView');
});

Answer 2

你应该使用

$(document).on('click','.LPclone',function(event){
    $('.widgetWrap').clone().appendTo('#tempEditorView');
         });

fiddle link

Answer 3

.click not bind with dynamic generated class

    $(document).ready(function() {
    $('.LPclone').on('click',function() {
        $('.widgetWrap').clone().appendTo('#tempEditorView');
      });

    })

or

$(document).ready(function() {

  $('.LPclone').live('click',function() {
    $('.widgetWrap').clone().appendTo('#tempEditorView');
  });

})
both are working but ".live" is not working for updated jquery.

JQuery＆＃34; Cloning＆＃34;在＆＃34;点击＆＃34;并未触发所有按钮的事件

3 个答案: