jQuery 插件和 Polymer 元素

Question

我曾尝试在 Polymer 元素中封装几个 jQuery 插件，但迄今为止收效甚微。例如 select2 插件 (troubles discussed here) 和找到的 DataTables 插件 here。虽然没有 jQuery 依赖项会很好，但准备使用 jQuery 插件的环境确实很成熟，在 Web 组件库赶上之前，最好有包装器，将 Web 组件的所有优点带入深层jQuery 插件库。

我的问题是在 Polymer 元素中使用 jQuery 时是否有需要考虑的关键问题？更有用的是，有没有成功包装 jQuery 插件的 Polymer 元素的好例子？到目前为止，我对此类示例的搜索发现很少。

Answer 1

我的问题是使用 jQuery 时是否有任何关键问题 在需要考虑的 Polymer 元素中？

可能最大的问题是围绕 Shadow DOM。当您在 Shadow DOM 中放置标记时，jQuery 无法选择它。许多插件假定它们的所有内容都在 Light DOM 中可用，因此可能会导致各种问题。希望新版本的 jQuery 能找到使用 Shadow DOM 的方法，这样这可能就不会成为问题了。

更有用的是，有没有成功 Polymer 的好例子 包装 jQuery 插件的元素？

如果您真的想使用 jQuery 插件和 Polymer 元素，那么最好在 Light DOM 中构建您的 jQuery 插件，然后将它们作为 <content> 传递到您的元素中。 Here's a jsbin example 构造一个 Select2 元素并将其传递给 Polymer 元素，以便显示。