Элемент, добавленный в начальную загрузку тегов

#javascript #jquery #html #tags #bootstrap-tags-input

#javascript #jquery #HTML #Теги #начальная загрузка-теги-ввод

Вопрос:

Я пытаюсь что-то сделать после добавления тега в поле ввода, я знаю, что в начальной загрузке ввода тегов есть событие, называемое ItemAdded. Но я не понимаю, почему, но мой код не работает.

HTML:

 `<input id = "zipcode" method ="post" type="text" class = "m-wrap tags" />`
 

JS:

 <script type="text/javascript">
  $(document).ready(function() {
    $('.tags').tagsInput({
            'width': 'auto',
            'defaultText': 'e.g. 48108'
  });
});

  $('#zipcode').on('itemAdded', function(event) {
      // do something with event.item at here. example:
      alert(event.item);
  });

</script>
 

Не знаю, почему это не работает. Когда я ввожу новый тег, ничего не происходит.

Спасибо.

Ответ №1:

Почему бы вам просто не использовать события change, blur или mouseleave? Вы также можете дважды проверить свой HTML. Возможно, он неправильно отформатирован. Т.Е. Дополнительные пробелы между атрибутами id и class.

 <input id="zipcode" method ="post" type="text" class="m-wrap tags" />