JQuery 自动完成永远不会触发答案

【问题标题】：JQuery Autocomplete Never FiresJQuery 自动完成永远不会触发
【发布时间】：2018-10-14 02:34:48
【问题描述】：

我有一个 html 页面，我试图将输入框链接到 ajax 自动完成功能。问题是函数没有被调用，无论是成功还是失败。

如果我将“自动完成”更改为“按键”，它会被调用，但这不是我想要的。

这是页面：

<!DOCTYPE html>
<html>
<head>
    <title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/Scripts/jquery-ui.js"></script>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<link rel="stylesheet" href="~/Scripts/jquery-ui.css">
<script>
    $(document).ready(function () {
        $("#search-box").autocomplete(function () {
            $.ajax({
                type: "POST",
                url: "http://localhost:52139/odata/WEB_V_CIVIC_ADDRESS?",
                data: { enteredText: +$(this).val() },
                dataType: 'json',
                ContentType: "application/json, charset=UTF-8",
                success: function (data) {
                    $("#suggesstion-box").show();
                    $("#suggesstion-box").html(data);
                    $("#search-box").css("background", "#FFF");
                },
                error: function (data, xml, errorThrown)
                {
                    alert("here: " + errorThrown);
                }
            });
        });
    });
    //To select country name
    function selectCountry(val) {
        $("#search-box").val(val);
        $("#suggesstion-box").hide();
    }
</script>
</head>
<body>
<div class="frmSearch">
    <input type="text" id="search-box" placeholder="Country Name" 
autocomplete="on"/>
    <div id="suggesstion-box"></div>
</div>
</body>
</html>

就像我说的，ajax 函数永远不会触发。如果我使用'keypress'，它会这样做，但我需要它来触发自动完成。

有什么想法吗？

谢谢。

【问题讨论】：

你为什么不包含 jQuery 一次，不是两次，而是三次？
只是尝试不同的事情，以防 jquery 不起作用。是的，我意识到我不需要全部
m'kay，你检查浏览器控制台是否有错误？
啊，我们走了。浏览器错误显示 jquery-ui 未正确加载。谢谢 j08691！

标签： html autocomplete jquery-ui-autocomplete

【解决方案1】：

看起来 jquery-ui 没有正确加载。感谢 j08691 的提示。

【讨论】：