自动完成焦点无法正常工作

时间:2015-09-06 18:48:41

标签: javascript jquery html jquery-ui frontend

我有一个自动完成输入框。我想要显示" 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>

1 个答案:

答案 0 :(得分:0)

您的问题不明确。如果您说要显示搜索值的限制数量,那么您可以使用以下代码: -     $(&#34; #search&#34;)。autocomplete({         source:tags.slice(0,limit),

    });