如何清除在 Jquery 自动完成期间形成的 div 追加结果

Question

我正在为我们的应用程序使用 Jquery Auto Complete 。

我面临的问题是 自动完成期间捕获的结果未被清除 .（添加到div 的数据是 cleardiv）

当我尝试在单击按钮时手动清除它时，自动完成功能不起作用。

<input type='text' title='Tags' id='tags' />
<div class="autoSearch_result_Wrap" id="Tags_result"></div>
<input type="button" id="cleardiv" value="Clear" name="Clear"><br>
 $(document).ready(function() {
    var aTags = ["ask","always", "all", "alright", "one", "foo", "blackberry", "tweet","force9", "westerners", "sport"];
    $( "#tags" ).autocomplete({
        source: aTags ,
        minLength: 2,
        appendTo: "#Tags_result",
    });
    $(document).on('click', '#cleardiv', function(event) {
    $('#Tags_result').empty();
     });        
});

你能告诉我如何解决这个问题吗？

http://jsfiddle.net/9R4cV/314/

Answer 1

我正在使用 chrome，标签一离开文本框就会清除。您使用的是什么浏览器？

试试这个作为测试

$('#cleardiv').on('click', function(event) {
    $('#tags').blur();        
 });    

http://jsfiddle.net/9R4cV/315/