javascript - jQuery(...).autocomplete 不是 fire jquery-1.10.2.js 的函数

Question

所以我正在开发一个 MVC 5 应用程序，该应用程序编写于 2014 年，使用的是旧版本的 JQuery，因此一些功能已被弃用，因此，通过 F12 热键使用 Google Chrome 的开发人员工具，我不断收到这些控制台错误。根据这两个 SO 帖子，我在 JQuery UI 之前导入了 JQuery library:

Uncaught TypeError: $(...).autocomplete is not a function和 TypeError: $(...).autocomplete is not a function如下所示，但这种尝试仍然不能解决问题。

_Layout.cshtml:

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>

<script type="text/javascript" src="@Url.Content("~/Content/Template/js/custom/general.js")"></script>

<script type="text/javascript" src="@Url.Content("~/Content/Template/js/plugins/jquery.jgrowl.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Content/Template/js/plugins/jquery.alerts.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Content/Template/js/custom/elements.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Content/Template/js/plugins/colorpicker.js")"></script>

<script src="http://code.jquery.com/jquery-1.9.0.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>

General.js

jQuery(document).ready(function()
{
    //search box of header
    jQuery('#keyword').bind('focusin focusout', function(e)
    {
        var t = jQuery(this);
        if(e.type == 'focusin' && t.val() == 'Search here') 
        {
            t.val('');
        }
        else if(e.type == 'focusout' && t.val() == '')
        {
            t.val('Search here');   
        }
    });

    jQuery( "#keyword" ).autocomplete({
        source: availableTags
    });
}

上面产生了一个:

Uncaught TypeError: jQuery(...).autocomplete is not a function

at HTMLDocument.<anonymous> (general.js:373)
at fire (jquery-1.10.2.js:3048)
at Object.fireWith [as resolveWith] (jquery-1.10.2.js:3160)
at Function.ready (jquery-1.10.2.js:433)
at HTMLDocument.completed (jquery-1.10.2.js:104)

我的搜索框甚至没有显示，我怀疑这是我不断收到这些错误的结果。

Answer 1

需要更正的几件事:

1) <script src="//code.jquery.com/jquery-1.10.2.js"></script>然后 <script src="http://code.jquery.com/jquery-1.9.0.js"></script> .不要两次包含 jQuery。包含更新的版本，并在所有其他脚本之前包含一次。换句话说，删除对 1.9.0 的引用。然后看看你是否还有问题。包含它两次会导致奇怪的冲突。

2) .bind被 .on 取代在 jQuery 1.7 中，并在 3.0 中弃用。使用 .on为了向前兼容和更好的功能。