如何使用Jquery使future元素可拖动

Question

我正在阅读下面的api将使页面上当前可用的元素可拖动.

$( ".draggable" ).draggable({ containment: "parent" });

但在我的情况下,我将基于用户操作构建新元素.就像我将允许他们在图像上插入一个文本框,该图像也应该是可拖动的.

有没有一种机制,我可以使用".on()"使用jquery附加这个可拖动的功能？

要么

$( "this" ).draggable({ containment: "parent" });每次创建新元素时都必须执行？

谢谢阅读

Answer 1

有没有一种机制,我可以使用".on()"使用jquery附加这个可拖动的功能？

否(嗯,技术上是),你必须在创建它之后使每个元素都可拖动,或者在创建它之后发生的某些事件之后(例如mouseenter)

$(document).on("mouseenter", ".draggable:not(.initiated)", function() {
    $(this).draggable({ containment: "parent" }).addClass("initiated");
});

启动的类会阻止每次鼠标悬停时重新初始化可拖动的类.

请注意,您应该使用比文档更好的祖先,因为mousenter是一个经常在文档上发生的事件(将在dom中的任何元素被填入的任何时候发生).