Javascript JQueryUI：可拖动div中的按钮在div被丢弃时不工作

StackOverflow上的第一个帖子

我试图在标题中继续讨论这个问题，我在这里做了一个jsfiddle：

生成的html看起来是正确的，但拖动的div中的按钮不起作用。 我甚至尝试将其重新定义为.button（），但没有成功

谢谢你的帮助

$(".box").draggable({
    helper: 'clone'
});
$("#left").droppable({
    accept: '.box',
    drop: function (e, ui) {
        $(this).append('<div class="box"></div>');
        var droppedBox = $(this).children().last();
        $(droppedBox).html(ui.helper.html());
    }
});
$(".myButton").click(function () {
    alert("Clicked");
});

$（“.box”）.draggable({
助手：“克隆”
});
$（“#左”）。可拖放({
接受：'.box'，
drop：函数（e、ui）{
$（此）。附加（“”）；
var droppedBox=$（this.children（）.last（）；
$（droppedBox.html（ui.helper.html（））；
}
});
$（“.myButton”）。单击（函数（）{
警报（“点击”）；
});

使用

阅读

语法

$( elements ).on( events, selector, data, handler );

---

绑定应用于第一次附加时存在的元素。它不适用于新添加的元素

---

使用

on（“click”）

方法附加click事件，如Tushar Gupta的答案所示。它将委托附加到将处理新添加元素的“单击”的容器。

如果没有更多代码，很难进行故障排除，但这可能是一个z索引问题。尝试在.myButton类中设置z索引：99999。我发布了所有的代码。按钮可见且可单击，但没有响应。提高其z指数并没有改变问题。谢谢Tushar！它就像一个符咒。我将阅读关于活动授权的内容：-）@popisar很高兴它有帮助：）。是的，好好阅读它会对你有很大帮助：）…这回答了我的问题：“为什么它在左窗格中的框中工作，为什么我在移动到右窗格时必须绑定它？”谢谢！

$(".container").on('click', '.myButton', function () {
    alert("Clicked");
});