为什么我的自动填充中的可拖动项目位置不好?

时间:2016-05-25 14:26:51

标签: jquery jquery-ui jquery-autocomplete jquery-ui-autocomplete jquery-ui-draggable

我有一个带有可拖动项目的自动完成元素。我在我的网站的旧版本上有这个,它工作正常。 我正在创建一个新版本(包含所有新设计,新的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)"});
}});

这正是我所描述的问题(我知道源部分不正确,我不太关心这部分,我只是希望我移动它时可拖动的项目在我的鼠标下)

你知道如何解决这个问题吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

最后,我通过添加以下内容解决了这个问题:

cursorAt: { left: 5, top: 5 }

谢谢!