JQuery自动完成已停止工作

Question

我的Jquery ui自动完成功能在合并应用程序时停止工作。

我的库是(所有脚本)：

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
    <script type="text/javascript" src="js/jquery.bubblepopup.v2.3.1.min.js"></script>
<script src="js/modernizr-1.6.min.js"></script>
<script type="text/javascript" src="js/jquery-autocomplete/jquery.ui.autocomplete.js"></script>
    <script type="text/javascript" src="js/jquery-autocomplete/jquery.ui.core.js"></script>
    <script type="text/javascript" src="js/jquery-autocomplete/jquery.ui.position.js"></script>
    <script type="text/javascript" src="js/jquery-autocomplete/jquery.ui.widget.js"></script>
    <link rel="stylesheet" href="js/jquery-autocomplete/jquery.autocomplete.css" type="text/css" />
    <script type="text/javascript" src="js/jquery-autocomplete/jquery.autocomplete.js"></script>
    <script type="text/javascript" src="js/jquery-autocomplete/jquery.autocomplete.min.js"></script>
    <script type="text/javascript" src="js/jquery-autocomplete/jquery.autocomplete.pack.js"></script>

和代码：

$(function () {
    function split(val) {
        return val.split(",\n");

    }

    function extractLast(term) {
        return split(term).pop();
    }

    $("#responsableUtu")
    // don't navigate away from the field on tab when selecting an item
    .bind("keydown", function (event) {
        if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) {
            event.preventDefault();
        }




    })

    .autocomplete({

        source: function (request, response) {
            $.getJSON("username.html?startWith=" + extractLast(request.term),

            {

            }, response);
        },

        search: function () {
            // custom minLength
            var term = extractLast(this.value);
            if (term.length < 3) {
                return false;
            }
        },
        focus: function () {
            // prevent value inserted on focus
            return false;
        },
        select: function (event, ui) {
            var terms = split(this.value);
            // remove the current input
            terms.pop();
            // add the selected item
            terms.push(ui.item.value);
            // add placeholder to get the comma-and-space at the end
            terms.push("");
            this.value = terms.join(" ");
            return false;
        }


    });
});

找到Libs。怎么了？

Answer 1

您将自动完成的脚本包含四次(两次是未压缩的脚本，一次是最小版本和打包版本)，并且在已经包含整个库的情况下重新包含jQuery UI的模块。

尝试用以下代码替换您的<script />块：

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js" type="text/javascript"></script>
<script src="js/jquery.bubblepopup.v2.3.1.min.js" type="text/javascript"></script>
<script src="js/modernizr-1.6.min.js" type="text/javascript"></script>

这应该会给你一个“干净”的环境(我用的是Google的CDN，因为我不知道你的文件里有什么)。

它能解决问题吗？