Pixabay Tageditor автозаполнение apperas в левом верхнем углу окна - PullRequest
0 голосов
/ 20 декабря 2018

Я использую ваш tageditor get из git (см. Здесь: https://github.com/Pixabay/jQuery-tagEditor), У меня проблема с позицией предлагаемых слов автозаполнения, они появляются в верхней части окон, а не под текстовой областью tageditor .... Как я могу решить это?

Вы можете увидеть демонстрационную страницу здесь:

http://eeeeeaaa.ga/

вот мой код:

    <!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>tagEditor pixabay</title>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
    <script src="https://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

    <script src="/js/jquery.caret.min.js"></script>
    <script src="/js/jquery.tag-editor.js"></script>
    <script src="/js/jquery.tag-editor.min.js"></script>

<link rel="stylesheet" href="/css/jquery.tag-editor.css"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
 </head>
 <body>
  <br /><br />
  <div class="container" style="width:600px;">
   <h2 align="center">Autocomplete Textbox using tagEditor</h2>
   <br /><br />
   <label>Search Programming language</label>
        <textarea id="tags"  name="tags" placeholder="Afegir atributs"></textarea>
  </div>
 </body>
</html>

<script>
$('#tags').tagEditor({
    initialTags: ['Pascal'],
    placeholder: 'Enter tags ...',
    autocomplete: {
        delay: 0, // show suggestions immediately
        minLength: 0,
        position: { my: "center top", at: "center bottom"}, // automatic menu position up/down
        source: ['ActionScript', 'AppleScript', 'Asp', 'BASIC', 'C', 'C++', 'CSS', 'Clojure', 'COBOL', 'ColdFusion', 'Erlang', 'Fortran', 'Groovy', 'Haskell', 'HTML', 'Java', 'JavaScript', 'Lisp', 'Perl', 'PHP', 'Python', 'Ruby', 'Scala', 'Scheme','Père']
    },

});
</script>

Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...