Question

我有一个网站，其中包含使用jquery自动完成的表单。它工作正常，但是当我将jQuery UI添加到我的页面时，它停止工作。有没有人知道为什么或如何解决它，我似乎无法找到原因。

自动完成的代码如下：

头：

<script type="text/javascript" src="js/jquery-1.5.js"></script>
<script type='text/javascript' src='jquery.autocomplete.js'></script>

    <script type="text/javascript">
    $().ready(function() {
        $("#food").autocomplete("search.php", {
            width: 260,
            cacheLength: 10,
            matchContains: false,

            //mustMatch: true,
            //minChars: 0,
            //multiple: true,
            //highlight: false,
            //multipleSeparator: ",",
            selectFirst: true

        });
    });
    </script>

体：

<input type="text" name="food" id="food" / >

因此，当我在代码中添加以下行时，它会停止工作：

<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>

jqQuery和jQueryUI库之间的函数是否重叠打破了它？关于如何解决这个问题的任何想法？

Answer 1

是的，自动完成功能在这里重叠。 http://jqueryui.com/demos/autocomplete/

如果你真的不想使用jQuery UI AutoComplete，那么在jquery ui脚本之后调用你的自定义脚本。

<script type="text/javascript" src="js/jquery-1.5.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>
<script type='text/javascript' src='jquery.autocomplete.js'></script>

添加jQuery UI.js时自动完成中断

1 个答案: