Javascript 父项中的div'；s innerHTML未侦听jquery函数

My.popup div是可拖动的，这要归功于jquery函数：

$(function()
{
    $('.popup').draggable({
        drag: function(event, ui) {}
    });
});

但是。。。加载页面后，我在另一个div的innerHTML中添加一个.popup div。这个div不能拖动。你知道为什么吗

谢谢你的帮助， 斯特凡

但是。。。加载页面后，我在另一个div的innerHTML中添加一个.popup div。这个div不能拖动。你知道为什么吗

发生这种情况是因为新的div（即使添加了类popup）尚未初始化为可拖动的元素

您可以这样做：

$（函数（）{
$（'#btn'）。在（'click'，函数（e）上{
$（'div.ui-widget-content:not（.popup'）。addClass（'popup'）。可拖动({
拖动：函数（事件、ui）{
console.log（'2 drag'）；
}
});
})
$（'.popup'）。可拖动({
拖动：函数（事件、ui）{
console.log（'1拖动'）；
}
});
});
.ui小部件内容{宽度：100px；高度：100px；填充：0.5em；显示：内联；}

把我拖来拖去
第二，把我拖来拖去
将popup类添加到第二个div
您需要提供更多的代码。因为您仅在页面加载时将
.draggable
方法应用于此时存在的
.popup
元素。这可能会有帮助：Sooo。。。如果我用你的密码。。。第二组有效。它是拖拉的。但是如果我创建了另一个div（带有ui小部件内容，与前一个不同的id），那么第二个div就不再工作了。只有第三个（也是第一个）是可拖动的。@StefanDigital如果要使div可拖动，代码是：$（'div.ui-widget-content:not（.popup'））.addClass（'popup'）.draggable（{重点是：如何处理div？您需要调整此部分：$（'div.ui-widget-content:not（.popup'））使用正确的选择器。例如，如果一个div的id等于div1，您可以写：$（'#div1'）.addClass（'popup'）.draggable（{我希望这会对您有所帮助。非常感谢。