Jquery ui 一旦我发布了我的网站,JQuery自动完成就会起作用
我使用此功能将JQuery UI的最小长度设置为2。当我尝试通过鼠标或键盘选择列表时,这段代码效果很好 但一旦我通过虚拟机发布代码,它就不起作用了。最小长度和鼠标或键盘选择都不起作用 请帮帮我Jquery ui 一旦我发布了我的网站,JQuery自动完成就会起作用,jquery-ui,asp.net-mvc-4,Jquery Ui,Asp.net Mvc 4,我使用此功能将JQuery UI的最小长度设置为2。当我尝试通过鼠标或键盘选择列表时,这段代码效果很好 但一旦我通过虚拟机发布代码,它就不起作用了。最小长度和鼠标或键盘选择都不起作用 请帮帮我 function SPAutoComplete(request, response) { //debugger; $.ajax({ url: 'Contracts/SearchSpByNumber', type: 'GET', cache:
function SPAutoComplete(request, response) {
//debugger;
$.ajax({
url: 'Contracts/SearchSpByNumber',
type: 'GET',
cache: false,
contentType: "application/json; charset=utf-8",
data: request,
dataType: 'json',
success: function (json) {
var i = 0;
i++;
// call autocomplete callback method with results
response($.map(json, function (item) {
return {
label: item.SP_NBR,
SPDesc: item.SP_DESC,
ID: item.ElementID
}
}));
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
//alert('error - ' + textStatus);
console.log('error', textStatus, errorThrown);
}
});
}
$("#SP1").autocomplete({
source: SPAutoComplete,
minLength: 2,
select: function (event, ui) {
// alert('you have selected ' + ui.item.name + ' ID: ' + ui.item.name);
$("#SP1").val(ui.item.label);
$("#SPDesc1").val(ui.item.SPDesc);
$("#SPDesc1").attr("readonly", true);
$("#SP1ID").val(ui.item.ID);
_newDirty = true;
event.preventDefault();
return false;
},
change: function (event, ui) {
debugger;
if (ui.item != undefined || ui.item != null) {
$("#SP1").val(ui.item.label);
$("#SPDesc1").val(ui.item.SPDesc);
$("#SPDesc1").attr("readonly", true);
$("#SP1ID").val(ui.item.ID);
event.preventDefault();
return false;
}
},
focus: function (event, ui) {
debugger;
$("#SP1").val(ui.item.value);
return false;
}
});
控制台中是否显示任何错误?不,我在控制台中没有收到任何错误。当我尝试在本地机器上调试时,我可以看到调试器命中了焦点权限,但一旦发布的焦点属性没有命中,那么,您是否检查了AJAX成功中返回的数据?是的,返回了数据,但当我将鼠标移到列表上时,它不会在自动完成文本框中填充。可能是因为url:“Contracts/SearchSpByNumber”,请始终使用url:“@url.ActionSearchSpByNumber,Contracts”;,因此url是正确生成的。