使用实时事件进行jQuery拖放

Question

我有一个带有长列表的应用程序，该列表经常更改，并且我需要该列表中的项目可拖动。我一直在使用jQuery UI可拖动插件，但是添加到400多个列表项比较慢，并且每次添加新列表项时都必须重新添加。有谁知道类似于使用jQuery 1.3 .live()事件的jQuery UI可拖动插件的插件？这将解决两个问题。

Answer 1

您可以使包装器功能如下：

function liveDraggable(selector, options){

  jQuery(selector).live("mouseover",function(){

    if (!jQuery(this).data("init")) {

      jQuery(this).data("init", true);

      jQuery(this).draggable(options);

    }

  });

}

（我将原型与jQuery一起使用-这就是为什么我将jQuery（）代替$（）的原因）

现在使用liveDraggable（selector，{opts}）代替$（selector）.draggable（{opts}）