Question

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

如果我将'autocomplete'更改为'keypress'，它会被调用，但这不是我想要的。

以下是页面：

<!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'就可以，但是我需要它才能自动完成。

有什么想法吗？

感谢。

Answer 1

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

JQuery Autocomplete永远不会触发

1 个答案: