Плагины jQuery и Полимерные элементы

Я попытался обернуть пару плагинов jQuery в элементах Polymer, но до сих пор имел небольшой успех. Например, модуль select2 (проблемы обсуждались здесь), и плагин DataTables нашел здесь, Хотя было бы здорово не иметь зависимостей jQuery, пейзаж для готовых к использованию плагинов jQuery действительно зрелый, и до тех пор, пока библиотеки веб-компонентов не догонят, было бы неплохо иметь обертки, которые привносят всю доброту веб-компонентов в глубокие библиотека плагинов jQuery.

Мой вопрос в том, есть ли какие-либо ключевые проблемы при работе с jQuery внутри элемента Polymer, который нужно учитывать? И еще более полезно, есть ли хорошие примеры успешных элементов Polymer, которые обертывают плагины jQuery? Мой поиск таких примеров до сих пор очень мало раскрывается.

ОТВЕТЫ

Ответ 1

Мой вопрос в том, есть ли какие-либо ключи при работе с jQuery в пределах полимерного элемента, который необходимо учитывать?

Вероятно, самая большая проблема будет вокруг Shadow DOM. Когда вы размещаете разметку внутри Dadow DOM, она не может быть выбрана jQuery. Многие плагины предполагают, что все их содержимое доступно в Light DOM, что может привести к возникновению всех проблем. Надеемся, что более новые версии jQuery найдут способы работы с Shadow DOM, поэтому это может стать проблемой.

И еще более полезно, есть ли хорошие примеры успешного Polymer элементы, которые обертывают плагины jQuery?

Если вы действительно хотите работать с плагином jQuery и элементами Polymer, лучше всего построить ваши плагины jQuery в Light DOM, а затем передать их в свои элементы как <content>. Здесь приведен пример jsbin, который создает элемент Select2 и передает его в элемент Polymer, чтобы он отображался.