jQuery插件和Polymer元素

我试图在Polymer元素中包装几个jQuery插件，但到目前为止收效甚微。 例如， 这里有select2插件（ 这里讨论的麻烦 ）和DataTables插件。 虽然没有jQuery依赖项会很棒，但是即时使用jQuery插件的前景非常成熟，并且在Web组件库赶上之前，将包含所有Web组件的优点的包装器带到深层会很好jQuery插件库。

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

Answer 1

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

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

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

如果你真的想使用jQuery插件和 Polymer元素，那么最好在Light DOM中构建你的jQuery插件，然后将它们作为传递给你的元素。 这是一个jsbin示例 ，它构造一个Select2元素并将其传递给Polymer元素，以便显示它。