2017-12-30 25 views
2

Ziel: Durch Klicken auf ein Symbol in einem Formular Ich möchte eine neue Klasse zu dem div hinzufügen, das das Formular enthält. Problem: Jquery-Selektor in PullupClose ist nicht das Element auswählen. Console.log result of Jquery sector in this image. Da das Element nur nicht abgerufen wird, funktioniert addAlass nicht. Können Sie bitte den Fehler herausfinden, den ich mache? Vielen Dank im VorausJquery Selector kann div-Element in Polymer nicht finden. Sollte einfach sein Verstehen des Problems

HTML

<div class="sidepullup" id="idSidePullup"> 
      <iron-icon class="cross" on-click="pullupClose" icon="close"></iron-icon> 
      <iron-form id="idForm"> 
       <form action="/"> 
        <paper-input type"text" label="First Name"></paper-input> 
        <paper-input type="text" label="Last Name"></paper-input> 
        <paper-input type="text" label="Title"></paper-input> 
        <paper-input type="text" label="About"></paper-input> 
        <paper-button style="background-color: #03a9f4; color: white" raised onclick="onFormSubmit()">Submit Changes</paper-button> 
       </form> 
      </iron-form> 
     </div> 

Script

<script> 
     class IronListClass extends Polymer.Element { 
      static get is() {return 'iron-comp'} 
     ready() { 
       super.ready(); 
       var that = this; 
      } 
      pullupClose() { 
       var element = $("#idSidePullup"); 
       console.log('console log of $("#idSidePullup") = ', element); 
       $("#idSidePullup").addClass('hidePullup'); 
       $("#idSidePullup").css("display", "none"); 
      } 
window.customElements.define(IronListClass.is, IronListClass); 
    </script> 

Antwort

1

Ich glaube, Sie müssen zuerst das Polymer dom Ziel.

var element = $(Polymer.dom(this.root).querySelector('#idSidePullup')) 
+0

Danke für den Kommentar. Will versuchen und es euch wissen lassen. –

+0

Vielen Dank Mann. Es funktionierte!! Ich wusste nicht, dass das in Polymer so ist. Dies kann jetzt geschlossen werden :) –

+0

Kein Problem, bitte als Antwort markieren, wenn Sie fertig sind. :) – magreenberg