Question

尽管尝试了几种方法，我似乎无法移动自动完成建议。这是代码：

<head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
</head>
    <script>
        $(function() {
            $.ajax({
                url: '{{ url_for("certificates.autoinst") }}'
                }).done(function (data) {
                    $('#institution').autocomplete({
                        source: data.json_list,
                        minLength: 2,
                        position: { my : "center", at: "center", of: "#institution" }
                    });
                });
            });

    </script>

        <input type="text" id="institution"/>

我使用的图书馆是：http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js

自动完成功能正常，但我无法控制弹出窗口的位置。我希望盒子靠近文本输入框，比如说右下角，但无论我尝试的位置如何，盒子都保持在左上角。

修改AJAX自动完成的位置

0 个答案: