Добавление автозапуска пользовательского интерфейса Jquery при вводе новых данных в версии jquery-1.10.2.js

Question

Добавление автозапуска пользовательского интерфейса Jquery при вводе новых данных в версии jquery-1.10.2.js

0

Я работаю над одним приложением и с использованием функции автозадания jquery UI вместе с jquery-1.10.2.js.

Я ссылался на онлайн-код, где autosearch работает нормально. Но пример использует.live() (версия jquery-1.6.2.js), которая устарела после версии 1.7 из jquery. http://jsfiddle.net/6t74T/4/

<form id="myForm" name="myForm" method="post">
<input id="addButton" name="addButton" type="button" value="Add an input" />

Я изменил.live() на.on(), но код работает не так, как ожидалось. Вы можете найти обновленный код ниже: http://jsfiddle.net/ZjejY/

Нужно знать, что я делаю неправильно? Поскольку он работает с.live(), но не с.on(). Насколько я понимаю.on() обеспечивают ту же поддержку, что и.live().

Было бы хорошо, если бы кто-нибудь помог мне сделать код работоспособным.

заранее спасибо

С наилучшими пожеланиями, Джит

Jeet 22 май 2014, в 13:15

Источник

0

во втором jsFiddle вы не включаете jQuery UI. Кстати, удалите пробел в начале ввода html-строки, например: jsfiddle.net/ZjejY/1
A. Wolff 22 май 2014, в 10:30
0

Привет А. Вольф, спасибо за ответ. Это не дает возможность выбрать jquery UI, когда я выбираю jquery1.10.1.js. В моем приложении я использую jquery-1.10.2.js. Нужно ли использовать более низкую версию JQuery, чтобы сделать его работоспособным? Не могли бы вы взглянуть и сообщить мне ваши мысли. заранее спасибо
Jeet 22 май 2014, в 11:48
0

Да, это просто поведение jsFiddle. Вы можете включить пользовательский интерфейс jQuery, используя панель External Resources слева. Но я надеюсь, что вы не разрабатываете свое приложение, используя jsFiddle ... jsfiddle.net/ZjejY/2 РЕДАКТИРОВАТЬ: похоже, я каким-то образом неправильно понимаю ваш предыдущий комментарий
A. Wolff 22 май 2014, в 11:50

Показать ещё 1 комментарий

Теги:

jquery

jquery-ui

jquery-ui-autocomplete

1 ответ

Ещё вопросы

во втором jsFiddle вы не включаете jQuery UI. Кстати, удалите пробел в начале ввода html-строки, например: jsfiddle.net/ZjejY/1
Привет А. Вольф, спасибо за ответ. Это не дает возможность выбрать jquery UI, когда я выбираю jquery1.10.1.js. В моем приложении я использую jquery-1.10.2.js. Нужно ли использовать более низкую версию JQuery, чтобы сделать его работоспособным? Не могли бы вы взглянуть и сообщить мне ваши мысли. заранее спасибо
Да, это просто поведение jsFiddle. Вы можете включить пользовательский интерфейс jQuery, используя панель External Resources слева. Но я надеюсь, что вы не разрабатываете свое приложение, используя jsFiddle ... jsfiddle.net/ZjejY/2 РЕДАКТИРОВАТЬ: похоже, я каким-то образом неправильно понимаю ваш предыдущий комментарий

Salman A · Accepted Answer · 2014-05-22T09-55-00.000Z

Вы можете добавить функциональность автозаполнения при создании ввода:

var addInput = function () {
    var $input = $("<input name='search' value='' class='searchInput' maxlength='20'/>")
        .appendTo("form#myForm")
        .autocomplete(options)
        .focus();
};

демонстрация

Альтернативный метод:

Событие кликов на входных элементах
Посмотрите, есть ли вход ввода ui-autocomplete-input класса
- Если нет, .autocomplte({}) конструктор .autocomplte({})

демонстрация

Спасибо Салман за ваш ответ. Это работает как Шарм. :-)