jQuery 插件和 Polymer 元素

Question

我尝试将几个 jQuery 插件包装在 Polymer 元素中，但到目前为止收效甚微。例如 select2 插件 ( troubles discussed here ) 和 DataTables 插件发现 here 。虽然没有 jQuery 依赖项会很好，但准备使用 jQuery 插件的环境确实已经成熟，在 Web 组件库迎头 catch 之前，如果有包装器能够将 Web 组件的所有优点发挥到极致，那就太好了jQuery 插件库。

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

Answer 1

My question is are there any key gotchas when working with jQuery within a Polymer element that need to be considered?

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

And even more useful, are there good examples of successful Polymer elements that wrap jQuery plugins?

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