1

我正在使用此处找到的 Jquery 自动完成插件：http: //jqueryui.com/autocomplete/

它工作正常，但自动完成提示显示为下拉列表，而我希望它显示为下拉列表（不知道它是否正确，但我希望点击显示在文本框上方而不是它下方）。

有什么办法可以做到这一点？

4

2 回答 2

2

JQuery UI 自动完成的默认位置设置包括：

 position: {
        my: "left top",
        at: "left bottom",
        collision: "none"
    },

您可能可以在通话中提供以下内容：

$('.whatever').autocomplete({
   position: {
       my: "left bottom",
       at: "left top",
   });
于 2013-08-20T10:46:31.347 回答
1

您可以使用 jQuery Ui 自动完成position选项；该选项允许您使用 jQuery UI 位置实用程序设置建议列表的位置。

快速参考：

标识建议菜单相对于相关输入元素的位置。of 选项默认为输入元素，但您可以指定另一个要定位的元素。您可以参考 jQuery UI Position 实用程序以获取有关各种选项的更多详细信息。

代码：

$(function () {
    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"];

    $("#tags").autocomplete({
        source: availableTags,
        position: {
            my: "left bottom",
            at: "left top",
        }
    });

});

Worging 演示：http: //jsfiddle.net/IrvinDominin/KQdg8/

文档：http ://api.jqueryui.com/autocomplete/#option-position

于 2013-08-20T10:46:02.503 回答