javascript - 您可以像将事件添加到 arb 节点和选择器一样分配可拖动吗？

Question

你可以这样做:

 function myFunct(){/*.....*/}
 $("body").on("click", "li.itemlist", function(){
     alert("ping");
 });

这将使body下的所有li.itemlist都具有点击事件。

有没有办法转换:

 var _OPTIONS_ = {
     containment: "#stage", 
     start:function(){/*...*/}, 
     drag:function(){/*...*/}, 
     stop:function(){/*...*/} 
 };

 $("li.itemlist").draggable(_OPTIONS_);

至:

 $("body").on("draggable", "li.itemlist", _OPTIONS_);

编辑:我还没有尝试过第二个。我认为它不会起作用，因为draggable是一个JQuery函数，而不是标准的js监听器。

Answer 1

不，但是还有另一种方法可以做到这一点。

$("body").on("mouseenter","li.itemlist:not(.draginit)",function(){
    $(this).draggable(_OPTIONS_).addClass("draginit");
})

第一次将鼠标悬停在元素上时，将对其应用可拖动小部件。

我建议使用比 body 更好的东西，例如 ul。