Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery ui自动完成按enter键无法使用ajax加载的表单_Jquery_Ajax_Asp.net Mvc_Autocomplete - Fatal编程技术网

jquery ui自动完成按enter键无法使用ajax加载的表单

jquery ui自动完成按enter键无法使用ajax加载的表单,jquery,ajax,asp.net-mvc,autocomplete,Jquery,Ajax,Asp.net Mvc,Autocomplete,当我点击搜索按钮时,自动完成搜索可以正常工作,但当我按下键盘上的Enter键时,搜索不起作用,我无法找出问题所在,这是jquery Ajax!或者是HTML!我也试过自动对焦,但还是不行。谁能给我指路吗 代码如下所示: <div style="color:white;" class="form-group is-empty"> @Html.TextBox("OrderID", null, new { @class = "form-control", placeholder

当我点击搜索按钮时,自动完成搜索可以正常工作,但当我按下键盘上的Enter键时,搜索不起作用,我无法找出问题所在,这是jquery Ajax!或者是HTML!我也试过自动对焦,但还是不行。谁能给我指路吗

代码如下所示:

<div style="color:white;" class="form-group  is-empty">
    @Html.TextBox("OrderID", null, new { @class = "form-control", placeholder = "Order nr", @id = "search_term" })

    <span class="material-input"></span>
</div>
<button type="submit" onclick="SearchOrderList(0,$('#search_term').val())" class="btn btn-white btn-round btn-just-icon">
    <i class="material-icons">search</i><div class="ripple-container"></div>
</button>

$("#search_term").autocomplete({
    source: function (request, response) {

        $.ajax({
            url: "/Account/SearchAutoComplete",
            type: "POST",
            dataType: "json",
            data: { term: request.term },
            change: function (event, ui) {

                console.log("blala");
            },
            success: function (data) {
                response($.map(data, function (item) {
                    return { label: item.text, value: item.text };
                }));

            }
        });
    },
});

@TextBox(“OrderID”,null,新{@class=“form control”,placeholder=“Order nr”,“@id=“search\u term”})
搜索
$(“#搜索词”)。自动完成({
来源:功能(请求、响应){
$.ajax({
url:“/Account/SearchAutoComplete”,
类型:“POST”,
数据类型:“json”,
数据:{term:request.term},
更改:功能(事件、用户界面){
控制台日志(“blala”);
},
成功:功能(数据){
响应($.map)(数据、功能(项){
返回{label:item.text,value:item.text};
}));
}
});
},
});

是否已将自动完成放入
$(文档)中。准备好(函数(){
)?是的,但它不起作用:(它是否达到了您的
SearchAutoComplete
操作方法?您是否在cshtml中按顺序添加了
jquery
jquery ui
js引用?并打开浏览器的开发工具检查错误。是的,它将达到SearchAutoComplete,没有问题。是的,我已将jquery和jquery ui引用添加到我的cshtml中。),但我发现的另一个问题是,我的AutoSearchComplete无法在移动或平板电脑设备上运行,我的意思是,它将显示我的搜索栏和所有内容,但当我点击按钮或在文本框中写入内容时,它不会显示结果或AutoSearchComplete选项卡,但是,在浏览器上,我没有类似的问题,所以它可以在桌面浏览器上运行,但不只是在移动设备上工作?您是否已将自动完成功能放入
$(文档)中。就绪(函数(){
)?是的,但它不工作:(它是否达到了您的
SearchAutoComplete
操作方法?您是否在cshtml中按顺序添加了
jquery
jquery ui
js引用?并打开浏览器的开发工具检查错误。是的,它将达到SearchAutoComplete,没有问题。是的,我已将jquery和jquery ui引用添加到我的cshtml中。),但我发现的另一个问题是,我的AutoSearchComplete无法在移动或平板电脑设备上运行,我的意思是,它将显示我的搜索栏和所有内容,但当我点击按钮或在文本框中写入内容时,它不会显示结果或AutoSearchComplete选项卡,但是,在浏览器上,我没有类似的问题,所以它可以在桌面浏览器上运行,但不只是在手机上工作吗?