2015-09-06 69 views
0

我有一個自動完成輸入框。當我開始在輸入框中寫入內容時,我想顯示「x」鏈接。但它不起作用。我不知道什麼是錯誤的。 這裏是我的代碼和下面的jsfiddle。自動完成焦點無法正常工作

http://jsfiddle.net/2mu2ht7g/

<style> 
.icon-removeSearchItem{ 
    position: absolute; 
    margin-left: -16px; 
    display:none; 
} 
</style> 

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
<script> 
    $(function() { 
    var availableTags = [ 
    "ActionScript", 
    "AppleScript", 
    "Asp", 
    "Ruby", 
    "Scala", 
    "Scheme" 
    ]; 
    $("#tags").autocomplete({ 
    source: availableTags 
    }); 
}); 
</script> 

<script> 
$(document).ready(function() { 
    $('input').focus(function(){ 
    if(this.value==this.defaultValue)this.value=''; 
    var value = $(this).val(); 
    if($('input').val().trim().length > 0 && value != "Add Comment"){ 
     $(".icon-removeSearchItem").show(); 
    } 
    }); 
}); 
</script> 

回答

0

你的問題是不是clear.If你,你是說,你要顯示的搜索值的數量限制,那麼你可以使用下面的代碼: - $(「#搜尋」) 。自動完成({source:tags.slice(0,limit),

}); 
相關問題