我有一个带有可拖动项目的自动完成元素。我在我的网站的旧版本上有这个,它工作正常。 我正在创建一个新版本(包含所有新设计,新的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)"});
}});
这正是我所描述的问题(我知道源部分不正确,我不太关心这部分,我只是希望我移动它时可拖动的项目在我的鼠标下)
你知道如何解决这个问题吗?
谢谢!
答案 0 :(得分:0)
最后,我通过添加以下内容解决了这个问题:
cursorAt: { left: 5, top: 5 }
谢谢!