jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何使用Jquery使future元素可拖动大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在阅读下面的api将使页面上当前可用的元素可拖动.

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

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

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

要么

我必须执行$(“this”).draggable({Containment:“parent”});每当我创建一个新元素?

谢谢阅读

@R_419_1964@

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

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

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

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

大佬总结

以上是大佬教程为你收集整理的如何使用Jquery使future元素可拖动全部内容,希望文章能够帮你解决如何使用Jquery使future元素可拖动所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。