Javascript 您能否像向arb节点和选择器添加事件那样分配Dragable?

Javascript 您能否像向arb节点和选择器添加事件那样分配Dragable?,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,您可以执行以下操作: function myFunct(){/*.....*/} $("body").on("click", "li.itemlist", function(){ alert("ping"); }); 这将使body下的所有li.itemlist都具有单击事件 有没有转换的方法: var _OPTIONS_ = { containment: "#stage", start:function(){/*...*/}, drag:f

您可以执行以下操作:

 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_);
致:


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

不,但是有另一种方法可以做到这一点

$("body").on("mouseenter","li.itemlist:not(.draginit)",function(){
    $(this).draggable(_OPTIONS_).addClass("draginit");
})
第一次鼠标悬停该元素时,将对其应用可拖动的小部件


我建议使用比
body
更好的东西,比如
ul

我没有想到这个主意。假设选项是静态的,并且没有变化,那么这实际上是非常聪明的。以身体为例。未在实际实现中使用,以提供足够的对比度供人们理解。如果需要,您仍然可以在事件处理程序中修改
\u选项。\u
。确定。非常感谢凯文B。
$("body").on("mouseenter","li.itemlist:not(.draginit)",function(){
    $(this).draggable(_OPTIONS_).addClass("draginit");
})