jquery - 确定 jQuery UI Draggable 是否已初始化

Question

是否有一种测试方法来确定 jQuery UI Draggable 类是否已初始化？

我有一系列带有“draggable1”类的 div。

出于超出此问题范围的原因，我不想提前初始化该类，而是需要在第一次选择其中一个 div 时初始化该类，这是我在单击事件处理程序中执行的操作。然后，我假设我不想在每次选择另一个 div 时都重新初始化该类。因此，我需要确定其中一个 div 是否已被单击，并且不需要初始化可拖动对象。

还是我看错了？我是否应该在每次选择另一个 div 时重新初始化可拖动类？

Answer 1

假设您使用的是 jQuery UI 1.9+(如果没有，请指定您的版本)，您可以检索可拖动的 div 数据以检查可拖动是否已初始化:

jQuery('.draggable1').data('ui-draggable');

您的点击处理函数将如下所示:

$('.draggable1').click(function() {
    var $div = $(this);
    if(!$div.data('ui-draggable'))
        $div.draggable();
});

在此 中查看它的实际应用 jsFiddle

说明:jquery UI 可拖动小部件基于 jQuery UI widget factory如文档的“实例”部分所述:

The widget's instance is stored using jQuery.data() with the widget's full name as the key.

您还可以使用:data选择器来检查您的 div 元素是否已经绑定(bind)了可拖动小部件:

$div.is(':data(ui-draggable)');