Question

我按照他们网站上的说明进行操作，可以很好地插入和选择文本，但是它建议找到的匹配项不在我的输入字段旁边。我该如何解决？

function split( val ) {
  return val.split( /;\s*/ );
};

function extractLast( term ) {
    return term.split(/\s*;\s*/ ).pop();
};

$("#id_authors").on('keyup', function() {
  $("#id_authors").autocomplete({
    minLength: 0,
    source: "{% url 'autocomplete' %}",
    appendTo: $("#id_authors").next(),
    focus: function() {return false;},
    select: function( event, ui ) {
        var terms = split( this.value );
        terms.pop();
        terms.push( ui.item.value );
        terms.push( "" );
        this.value = terms.join( "; " );
        return false;
    }
  });
});

我加入的HTML如下：

<html>

<head>... </head>
<body>
  <div class="row">
    <div class="col>
      <form method="POST">

       <div> ... </div>
       <div> ... </div>
       <div> ... </div>

       <div id="div_id_authors" class="form-group">
         <input id="id_authors">
      </div>
  </form>
  </div>   
    </div>  
  <script> ... the script above </script>  
 </body> 
</html>

jQuery自动完成附加到错误的地方

0 个答案: