在我的JQuery UI自动完成功能中,选择后我使用.blur()
关闭IOS键盘:
// Purpose: Instantiate Autocomplete
function autocomplete() {
searchInput.autocomplete({
source: autocompleteCourts,
minLength: 3,
select: function (event, ui) {
location.hash = "trigger-header";
isEFile(event, ui);
// Close keyboard on IOS when an option is selected
ui.blur();
}, open: function (event, ui) {
$("li.ui-menu-item:odd").addClass("ui-menu-item-alternate");
$(".ui-menu-item-alternate").css("background-color", "#f2f4f7");
$("ul.ui-menu").addClass("mt-2 w-auto");
$("ul.ui-menu").css("z-index", 0);
}
});
浏览器抛出错误Uncaught TypeError: ui.blur is not a function
。
在调用函数blur()
之前是否应该检查它是否存在?
答案 0 :(得分:2)
ui
是autoComplete附加的DOM元素,而不是jQuery对象。您需要调用jQuery()
才能调用类似.blur()
的方法。所以改变
ui.blur();
到
$(ui).blur();
这在整个jQuery中都很常见-回调通常接收DOM元素,而不是jQuery包装器对象。例如。当您使用.each()
时,回调函数的第二个参数是DOM元素。