我的自动完成功能中存在奇数行为。
一切正常,但结果显示混乱了:
如果我按一个键,它将使用小部件在我的searchBar下方恰好显示结果;
目前,我在搜索栏中按了第二个字母,小部件消失了,结果显示在#body中
我尝试使用of: "#searchBar",
,但它似乎无法解决问题;我想一直保留小部件。
这是我的代码:
$($("#searchBar").keyup(function() {
var querySearch = $("#searchBar").val();
$("#searchBar").autocomplete({
source: function(request, response) {
$.ajax({
url: "php/queryDB.php",
type: 'post',
dataType: "json",
of: "#searchBar",
data: {
action: 'autoComplete',
parameter: querySearch
},
success: function(data) {
response(data);
}
});
}});
}));
我在控制台中通过自动完成功能生成了以下代码:
<input id="searchBar" type="text" name="SearchTextField" placeholder="Search" autocomplete="off" class="ui-autocomplete-input">
最佳答案
原来我有两个问题:
Safari的自动完成功能在骗我,所以我认为它是Jquery小部件(第一次使用Jquery方法,这就是为什么我没有意识到)并且我没有正确格式化我的代码
有关信息,这是对我有用的最终代码:
$("#searchBar").autocomplete({
delay: 500,
minLength: 2,
appendTo: "#autocompleteResultsDiv",
autoFocus: true,
classes: {
"ui-autocomplete": "highlight"
},
position: { my : "right top", at: "right bottom" },
source: function(request, response) {
$.ajax({
url: "DB.php",
type: 'post',
dataType: "json",
cache: false,
data: {
action: 'autoComplete',
parameter: $("#searchBar").val()
},
success: function(data) {
response(data);
}
});
}
});
关于javascript - jQuery UI自动完成小部件消失,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47537229/