Почему мой перетаскиваемый элемент из автозаполнения имеет плохое позиционирование?

Question

У меня есть элемент, который является автозаполнением с перетаскиваемыми элементами. У меня было это на старой версии моего веб-сайта, и он работал нормально. Я создаю новую версию (со всем новым дизайном, новыми версиями jquery (и ui) и т. Д.), И теперь у меня проблема.

Мой автозаполнение находится на половине страницы, но когда я перетаскиваю элемент, моя мышка по-прежнему находится на половине страницы, но элемент находится в верхнем левом углу. (Так что моя мышь и элемент, а не вместе). Это делает перемещение элемента неудобным.

Я сделал скрипку: https://jsfiddle.net/a38wj3sw/1/

jQuery('#segmentList').autocomplete({'open':function(event, ui){ 
    $(".ui-menu-item").draggable({ 
     helper: "clone", 
     cursor: "move", 
     appendTo: "body", 
    }); 
    }, 
    'position':{ my : "right bottom", at: "right top" }, 
    'source':function(request, response){ 
     response({"value":"254","label":"Just"},{"value":"394","label":"TestCampaign - A (ID 888133)"},{"value":"9","label":"QS Segment Sharing Test (ID 549681)"}); 
}}); 

Это именно вопрос, который я описал (я знаю, что часть источника не является правильным, я не забочусь об этой части, я просто хочу, чтобы мой перемещаемой пункт быть под мышкой, когда я ее перемещаю)

У вас есть идея, как я могу это исправить?

спасибо !!

Answer 1

В конце концов, я был в состоянии решить эту проблему, добавив следующее:

cursorAt: { left: 5, top: 5 } 

Спасибо!