javascript - 仅当可拖动元素上的鼠标光标是默认光标时才让可拖动执行其工作

Question

我在 div 上使用了 jQueryUI 的可拖动方法。

var data = '<div> <p> Draggable Div </p> </div>'
$(data).appendTo($(this)).draggable();

效果很好。

我的应用程序很大程度上依赖于鼠标光标类型。 因此，我时不时地以编程方式更改光标。

现在，我想要:

只有当可拖动元素的鼠标光标是默认光标时，Draggable 类才应执行其工作。

如果可能的话，如何在不更改 jQueryUI.js 文件的情况下更改此行为。

Answer 1

您可以使用start事件。

$("#data").draggable({
    start: function(event, ui) {
     if ($(this).css('cursor') === 'auto') { //replace "auto"
      event.preventDefault();
    }
  }
});

我创建了一个工作 fiddle here .

我希望这会有所帮助。