2015-09-09 13 views
7

La documentazione Polymer dice:Posso usare jquery all'interno dei miei elementi Polymer personalizzati?

Polymer fornisce un'API personalizzato per la manipolazione DOM tale che DOM locali e la luce DOM alberi siano adeguatamente mantenuti. Questi metodi e proprietà hanno le stesse firme dei loro equivalenti DOM standard, tranne per il fatto che le proprietà e i metodi che restituiscono un elenco di nodi restituiscono una matrice, non una NodeList.

Nota: Tutte le manipolazioni DOM devono utilizzare questa API, a differenza dell'API DOM direttamente sui nodi.

Jquery ha un sacco di metodi utili, però, che rendono la vita più facile, come toggleClass, hasClass, addClass, one ...

sono stato in grado di utilizzare alcuni di questi metodi, senza conseguenza nei miei elementi, ma mi chiedo quale sia esattamente la semantica dietro la parte in grassetto della citazione sopra, quindi posso ragionare sulle cose in modo più chiaro.

Nota: Non sto parlando utilizzando jQuery nel documento principale, sto parlando di usarlo quando sono all'interno il confine ombra, come in ready callback di un elemento, per esempio.

risposta

10

È possibile, in realtà. Dovrai solo usare Polymer.dom(this.root).querySelector e avvolgere l'elemento restituito in jquery.

Ecco un esempio. http://jsbin.com/purudu/edit?html,output

+0

E i metodi di interrogazione, come '.find'? quindi se avessi '$ (Polymer.dom (this.root)). find ('. shadowELement')' sarebbe ok? – LukeP

+0

@LukeP Dopo alcuni esperimenti, mi sono reso conto che è possibile usare '$ (this.root)' quando Polymer sta usando la dom shadow al posto della dom ombreggiata. –

Problemi correlati