Question

我收到以下代码的以下错误。我不太确定如何解决问题，但我知道这可能与进口有关。关于如何解决这个问题的任何想法？

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

index.php：

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<style>
    .ui-autocomplete-loading {
        background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat;
    }
</style>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script>
$(function () {
    function log(message) {
        $("<div>").text(message).prependTo("#log");
        $("#log").scrollTop(0);
    }

    $("#birds").autocomplete({
        source: "search.php",
        minLength: 2,
        select: function (event, ui) {
            log(ui.item ?
                    "Selected: " + ui.item.value + " aka " + ui.item.id :
                    "Nothing selected, input was " + this.value);
        }
    });
});
</script>

编辑：这与其他一些相关问题不同，因为我导入了jquery-ui.js代码。（我没有忘记）

编辑：

以下两种情况均属实：

if (jQuery) {
alert("jquery is loaded");
} if (jQuery.ui) {
  alert("jquery UI is loaded");
}

编辑：jsfiddle https://jsfiddle.net/od1xd9L0/

JQuery UI - 自动完成不是一个功能

0 个答案: