我想弄清楚如何使动态创建的 div 可拖动,所以我创建了 this very simple thing帮我。我知道我必须将 on() 事件与非动态处理程序一起使用。通过让 body 元素处理链接的 JSfiddle 中的克隆事件,我成功地使动态创建的 div 可克隆,但它们不可拖动。我究竟做错了什么?
预先感谢您的帮助!
$(document).ready(function () {
$("body").on('click', '.pink', function () {
$('.container').append($("<div class='bl pink'></div>"))
});
$("body").on('click', '.blue', function () {
$('.container').append($("<div class='bl blue'></div>"))
});
$("body").on('click', '.coral', function () {
$('.container').append($("<div class='bl coral'></div>"))
});
$(".draggable").draggable();
});
最佳答案
在创建时将类“draggable”或 id 放入元素中。 (你不是在上课)然后代码应该可以工作
$('.container').append($("<div class='bl pink draggable'></div>"));
$('.draggable').draggable()
关于javascript - 我如何使动态创建的元素可拖动()?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18789354/