只有当可拖动元素上的鼠标光标是默认光标时，才让draggable完成它的工作

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();
    }
  }
});

我创造了一个工作小提琴here。

我希望这会有所帮助。