Javascript jquery ui自动完成定位错误

使用jQueryUI1.8 尝试自动完成

除了ui菜单不在我的输入元素下，而是在左上角之外，其他一切都可以正常工作

有人遇到过这个问题吗

这是我的html：

<div id="search">
    <div id="searchFormWrapper">
        <form method="post" name="searchForm" id="searchForm" action="/searchresults">
        <label for="searchPhrase" id="searchFor">
            Search for</label>
        <input name="searchPhrase" id="searchPhrase" type="text" />
        <label for="searchScope" id="searchIn">
            in</label>
        <select name="searchScope" id="searchScope">
            <option value="">All Shops</option>
            ...
        </select>
        <input type="image" name="submitSearch" id="submitSearch" src="/images/buttons/search.gif"
            alt="Search ..." />
        </form>
        <br class="clear" />
    </div>
</div>

下面是我的javascript：

$(document).ready(function()
{
    $("#searchPhrase").autocomplete(
    {
        source: "/search?json",
        minLength: 2
    });
});

放

里面

#searchFormWrapper

---

呜呼。找到罪犯：

<script type="text/javascript" src="/scripts/jquery/132/jquery-1.4.2.min.js"></script>
            <script type="text/javascript" src="/scripts/jquery/132/jquery-ui-1.8.custom.min.js"></script>
            <script type="text/javascript" src="/scripts/jquery/100325/jquery.dimensions.js"></script>
            <script type="text/javascript" src="/scripts/jquery/100325/jquery.tooltip.js"></script>

不要包括jquery.dimensions.js。我想它已经在jquery-ui.js中了。。。不管怎样，它解决了我的问题

---

对于最新的jqueryUI，您现在需要包括jquery.ui.position.js

我有一个类似的问题，在搜索之后，我发现我缺少一个js来修复这个问题。如果有人路过，请确保也调用了“jquery.ui.position.js”脚本

请参见“依赖项”下的： 用户界面核心 用户界面小部件

---

UI位置

另一个类似的问题，如果您使用CDN来服务jquery文件，请确保使用特定版本，即：

//ajax.googleapis.com/ajax/libs/jquery/1.7.2/

而不是“最新”版本：

//ajax.googleapis.com/ajax/libs/jquery/1/

---

这将消除jquery未来版本中出现冲突的可能性，当在CDN上更新jquery的“最新”版本时，这通常会破坏应用程序。

只需更新到最新的jquery，我就成功了。

---

在切换到Twitter引导（我想也是最新的JQuery）后，我开始出现这个问题。

我只是将JQuery-ui.min.js更改为最新版本，并修复了定位

---

从1.8.16到1.8.23，它成功了

我知道这是一篇老文章，但我自己也有这个问题，并用另一种方式解决了它

我已经更新了jQuery，这导致菜单出现在

左侧：0顶部：0窗口上的code>，

，而不是正好低于我的输入

---

更新jqueryui立即修复了它。希望这对其他人有用。

在您的项目中更新Jquery UI和Jquery脚本，它将解决任何冲突，问题将得到解决。

您确定包含Jquery UI CSS文件吗？是的。检查过了。ui菜单列表的格式都正确。只是定位不正确…您是否有要查看的版本链接？我建议删除除自动完成CSS之外的所有CSS，以检查是否有任何其他规则冲突。好的，这样做（删除所有其他CSS），它仍然显示在左上角，而不是将自身附加到输入元素。。。隐马尔可夫模型。。。我想这是向前迈出的一步……哦，伙计，我的项目正好相反——我不得不删除旧的jquery.dimensions.pack.js，因为“dimensions”现在是jquery.UI的一部分。谢谢你的贡献！难以置信的在我找到这篇文章之前，我打算把我的CSS拆开！干杯这一次提醒我jquery1.8.0.min和UI 1.8.10不匹配。指向正确的UI版本（1.8.23）解决了这个问题。这对我来说很有效。我没有包含dimensions.js，但我仍然看到了放错位置的自动完成。一旦我添加了position.js，它就按预期工作了。我使用jquery ui 1.8.18并升级到1.8.23，它解决了我的问题。升级到v.1.9.2破坏了我的代码。从1.8.17更新到1.8.23修复了我的问题。旧版本可以在jQueryUIGitHub上找到：谢谢！像魅惑一样工作：）你让我度过了一个美好的夜晚！谢谢

//ajax.googleapis.com/ajax/libs/jquery/1.7.2/

//ajax.googleapis.com/ajax/libs/jquery/1/