Jquery自动填充示例 - 不必要的代码?

时间:2013-03-26 17:35:32

标签: jquery jquery-mobile autocomplete

在浏览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代码不起作用......我在这里错过了一些东西吗?

2 个答案:

答案 0 :(得分:2)

如果您使用浏览器的开发工具查看生成的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库添加的。

答案 1 :(得分:1)

有一个onload或$(document).ready()函数可以调用autocomplete,对吗?

实际上,它是jQuery库上的autocomplete对象,它会将此类ui-input-clear添加到附加自动填充的链接。
请参阅autocomplete文档以了解。