Пусть draggable выполняет свою работу, только если курсор мыши на перетаскиваемом элементе по умолчанию - курсор

Question

Я использовал метод перетаскивания jQueryUI на div.

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.

Надеюсь, это поможет.