Плагины jQuery и полимерные элементы
Я попытался обернуть пару плагинов jQuery в элементы Polymer, но пока что добился небольшого успеха. Например, плагин select2 ( проблемы обсуждались здесь) и плагин DataTables, найденный здесь. Хотя было бы здорово не иметь зависимостей jQuery, ландшафт для готовых к использованию плагинов jQuery действительно зрел, и до тех пор, пока библиотеки веб-компонентов не нагонят, было бы неплохо иметь обертки, которые переносят все достоинства веб-компонентов вглубь библиотека плагинов jQuery.
Мой вопрос: есть ли какие-то ключевые моменты при работе с jQuery внутри элемента Polymer, которые необходимо учитывать? И еще более полезно, есть ли хорошие примеры успешных элементов Polymer, которые обертывают плагины jQuery? Мои поиски таких примеров пока раскрыли очень мало.
1 ответ
Мой вопрос: есть ли какие-то ключевые моменты при работе с jQuery внутри элемента Polymer, которые необходимо учитывать?
Вероятно, самая большая проблема будет связана с Shadow DOM. Когда вы размещаете разметку внутри Shadow DOM, она не может быть выбрана jQuery. Многие плагины предполагают, что весь их контент доступен в Light DOM, что может привести к всевозможным проблемам. Надеемся, что более новые версии jQuery найдут способы работы с Shadow DOM, так что это может стать меньшей проблемой.
И еще более полезно, есть ли хорошие примеры успешных элементов Polymer, которые обертывают плагины jQuery?
Если вы действительно хотите работать с плагином jQuery и элементами Polymer, то лучше всего создать свои плагины jQuery в Light DOM, а затем передать их в ваши элементы как <content>, Вот пример jsbin, который создает элемент Select2 и передает его в элемент Polymer, чтобы его можно было отобразить.