jQuery克隆元素

我克隆了一个元素，比如

<div class = "button1"> Button1</div>
<div class = "text1Container">
    <div class="myButton"></div>
</div>
<div class = "text2Container"></div>

现在我想在“text2Container”中设置点击功能 但它不起作用

//why not working
$(".text2Container .myButton").click(function() {
   alert('hello');
});

您应该使用为动态创建的html元素绑定事件。试试这个：

$(".text2Container").on('click','.myButton',function() {
   alert('hello');
});

而且你的代码有输入错误。将

按钮1

替换为

。按钮1

：

$(".button1").click(function() {
    $( ".text1Container").clone().appendTo( ".text2Container" );
});

您应该使用来为动态创建的html元素绑定事件。试试这个：

$(".text2Container").on('click','.myButton',function() {
   alert('hello');
});

而且你的代码有输入错误。将

按钮1

替换为

。按钮1

：

$(".button1").click(function() {
    $( ".text1Container").clone().appendTo( ".text2Container" );
});

您应该使用来为动态创建的html元素绑定事件。试试这个：

$(".text2Container").on('click','.myButton',function() {
   alert('hello');
});

而且你的代码有输入错误。将

按钮1

替换为

。按钮1

：

$(".button1").click(function() {
    $( ".text1Container").clone().appendTo( ".text2Container" );
});

您应该使用来为动态创建的html元素绑定事件。试试这个：

$(".text2Container").on('click','.myButton',function() {
   alert('hello');
});

而且你的代码有输入错误。将

按钮1

替换为

。按钮1

：

$(".button1").click(function() {
    $( ".text1Container").clone().appendTo( ".text2Container" );
});

---

您实际上并没有给您的

按钮1指定一个单击。您缺少类选择器的
：

$(".button1").click(function () {
    $(".text1Container").clone().appendTo(".text2Container");

    $(".text2Container .myButton").click(function () {
        alert('hello');
    });
});

注意，
.myButton
绑定代码必须与
.button1 click
处理程序一起使用。无法将事件绑定到尚不存在的元素

请参见
您实际上没有为您的
按钮1指定单击。您缺少类选择器的
：

$(".button1").click(function () {
    $(".text1Container").clone().appendTo(".text2Container");

    $(".text2Container .myButton").click(function () {
        alert('hello');
    });
});

注意，
.myButton
绑定代码必须与
.button1 click
处理程序一起使用。无法将事件绑定到尚不存在的元素

请参见
您实际上没有为您的
按钮1指定单击。您缺少类选择器的
：

$(".button1").click(function () {
    $(".text1Container").clone().appendTo(".text2Container");

    $(".text2Container .myButton").click(function () {
        alert('hello');
    });
});

注意，
.myButton
绑定代码必须与
.button1 click
处理程序一起使用。无法将事件绑定到尚不存在的元素

请参见
您实际上没有为您的
按钮1指定单击。您缺少类选择器的
：

$(".button1").click(function () {
    $(".text1Container").clone().appendTo(".text2Container");

    $(".text2Container .myButton").click(function () {
        alert('hello');
    });
});

注意，
.myButton
绑定代码必须与
.button1 click
处理程序一起使用。无法将事件绑定到尚不存在的元素

请参见
@UsmanAhmad:将事件处理程序附加到动态创建的元素。有关详细信息，请单击我在回答中共享的链接。@UsmanAhmad:将事件处理程序附加到动态创建的元素。有关详细信息，请单击我在回答中共享的链接。@UsmanAhmad:将事件处理程序附加到动态创建的元素。有关详细信息，请单击我在回答中共享的链接。@UsmanAhmad:将事件处理程序附加到动态创建的元素。有关更多详细信息，请单击我在回答中共享的链接。