jquery - 定位 jQuery UI 小部件

Question

我有一个显示多列的自定义 jQuery UI 自动完成功能。这很好用，因为创建它的是另一位开发人员，但我想进行更改。

目前，自动完成下拉菜单会自行定位，以便左上角与输入文本框的左下角对齐。但是，由于下拉菜单的宽度(显示七列)超出了页面的右侧，在较小的显示器上足够远，它会在屏幕外!

我可以轻松地重新定位输入框，但我希望重新定位下拉 UI。但我不知道如何。这是它的屏幕截图:

我在 jQuery UI 工具箱(.offset(),.position())中尝试过的任何东西都不起作用，因为我似乎无法获得引用到下拉菜单本身。在使用.mcautocomplete() 定位输入后，我在_create 方法_renderMenu 中尝试过...要么我最终偏移了输入框，得到一个错误，或者没有任何反应。

JSFiddle

Answer 1

jQuery UI 自动完成包括一个 position option它使用 position utility定位自动完成弹出窗口。

将类似这样的内容添加到您的选项 ( demo ):

position: { my : "center top", at: "right bottom" }