jquery - Jquery 自动完成示例 - 不必要的代码？

Question

在浏览 Stackoverflow 以解决要解决的自动完成问题时，我找到了我正在寻找的完美解决方案 - http://jsfiddle.net/ULXbb/48/

唯一的问题是...

$('a.ui-input-clear').click(function() {
    $("input[data-type='search']").val('');
    $("input[data-type='search']").trigger('keyup');
});

我不知道为什么这部分存在：S .... 显然 <a> 标签没有'ui-input-clear'。这意味着这个 jquery 代码不起作用......我在这里遗漏了什么吗？

Answer 1

如果您使用浏览器的开发工具查看生成的 DOM，您将看到以下元素：

<a href="#" class="ui-input-clear ui-btn ui-btn-up-c ui-btn-icon-notext ui-btn-corner-all ui-shadow ui-input-clear-hidden" title="clear text" data-theme="c">...

这就是点击事件的目标。它是由 jQuery Mobile 库添加的。

Answer 2

有一个 onload 或$(document).ready()函数调用autocomplete，对吗？

事实上，它是autocompletejQuery 库中的对象，它将此类添加ui-input-clear到附加自动完成功能的链接中。
请参阅自动完成文档以了解。