Я создал автозаполнение JQuery UI в соответствии с документами и работает для любого ввода с классом = «тег-элемент», который отображается на странице. Однако пользователь может добавлять входные данные в dom через JS, поэтому мне нужен способ привязать автозаполнение к новым динамически созданным входам с помощью делегата. Я не уверен, как это сделать, любые идеи будут оценены.jquery ui autocomplete с делегатом
Благодаря
Вы можете делегировать с «focusin» события для настройки вашего поля ввода.
У меня был пойти на это, но не мог заставить его работать, вот моя попытка:
просто добавьте: http://jsfiddle.net/uGdm2/3/, кажется, лучше, чем версия, которую вы цитировали :) –
Я не думаю, что это лучше, нет. – HM2K
у вас было несколько ошибок: http://jsfiddle.net/uGdm2/65/ javascript: void (0) работает лучше, чем javascript: false вы пропустили a) после первой функции. И вы не хотите клонировать (true), попробуйте clone(), и он не будет клонировать события. – Lathan
Для чего это стоит, вот что я в конечном итоге с помощью:
$('#some-container').delegate('input.to-autocomplete', 'focus', function(e) {
$(this).autocomplete({
source: autocomplete_url
/* etc, etc */
});
});
$('#some-container').delegate('input.to-autocomplete', 'blur', function(e) {
var target = $(this);
if (target.hasClass('ui-autocomplete-input')) {
target.autocomplete('destroy');
}
});
Моя надежда состоит в том, что это облегчит нагрузку на браузер, так как я автозаполнения (возможно) сотни элементов s off и on, а результат автозаполнения uls начинает складываться в противном случае.
Для меня следующие работали:
$('#autocomplete').on('focusin', 'input', function(){
$(this).autocomplete({
});
});
На мой взгляд, это решение пахнет, но я в конечном итоге просто оборачивать код в функции и вызов функции в полной функции после того, как новый вход закачиваться в DOM. Насколько я могу судить, мне придется изменить код для автозаполнения, чтобы он работал с делегатом. Я на 100% уверен, что есть лучший способ, поэтому это комментарий, а не как ответ. – Paul