使用实时事件进行 jQuery 拖放

Question

我有一个应用程序，其中包含一个经常更改的长列表，并且我需要该列表中的项目可拖动。

我一直在使用 jQuery UI 可拖动插件，但添加 400 多个列表项时速度很慢，并且每次添加新列表项时都必须重新添加。

有谁知道类似于 jQuery UI 可拖动插件的插件，它使用 jQuery 1.3 的 .live() 事件？这将解决这两个问题。

Answer 1

Wojtek 的解决方案非常适合我。我最终对其进行了一些更改以使其扩展 jQuery...

(function ($) {
   $.fn.liveDraggable = function (opts) {
      this.live("mouseover", function() {
         if (!$(this).data("init")) {
            $(this).data("init", true).draggable(opts);
         }
      });
      return this;
   };
}(jQuery));

现在不要这样调用它:

$(selector).draggable({opts});

...只需使用:

$(selector).liveDraggable({opts})