簡體   English   中英

自動完成焦點無法正常工作

[英]Autocomplete focus doesn't work correctly

我有一個自動完成輸入框。 當我開始在輸入框中寫入內容時,我想顯示“ 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>

您的問題尚不清楚。如果您說要顯示搜索值的限制數量,則可以使用以下代碼:-$(“ #search”).autocomplete({來源:tags.slice(0,limit ),

    });

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM