JQuery автозаполнение добавляет в неправильное место - PullRequest
Новая
       9

JQuery автозаполнение добавляет в неправильное место

0 голосов
/ 01 февраля 2019

Я следовал инструкциям на их веб-сайте, и он отлично работает со вставкой и выделением текста, но он предлагает найденные совпадения не рядом с моим полем ввода.Как я могу это исправить?

enter image description here

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>
...