Jquery 可拖动/实时
我有：
$(document).ready(function () {
$(".div1, .div2, .div3, .div4, .div5").draggable();
$("#menu").click(function () {
$("<div class='div1'></div>").appendTo("#layout");
});
});
但是可拖动功能仅适用于加载页面时已经存在的 div。当我动态添加时，我无法拖动它们。
我的HTML：
<div id="layout">
<div class="div1"></div>
</div>
I have:
$(document).ready(function () {
$(".div1, .div2, .div3, .div4, .div5").draggable();
$("#menu").click(function () {
$("<div class='div1'></div>").appendTo("#layout");
});
});
But the draggable function works just to the divs that already exist when the page is loaded. When I add dynamically, I could not drag them.
My Html:
<div id="layout">
<div class="div1"></div>
</div>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您只需使用 : 将可拖动处理程序添加到新的 div 中
。
这是一个实例。
You just need to add the draggable handler to your new div with :
for example.
Here's a live example.
在您的情况下，最简单的解决方案是在创建新元素时调用
.draggable()，如下所示：In your case the easiest solution is to call
.draggable()on the new elements as you create them, like this: