Tujuan: Saat mengklik ikon di dalam formulir, saya ingin menambahkan kelas baru ke div yang berisi formulir. Masalah: Selektor Jquery di pullupClose tidak memilih elemen. Hasil konsol.log dari sektor Jquery dalam gambar ini. Karena elemen tidak mendapatkan diambil maka addAclass tidak berfungsi. Bisakah Anda mencari tahu kesalahan yang saya lakukan? Terima kasih sebelumnya

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>

Skrip

<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>
2
Shivansh Rajolia - HeLleR 30 Desember 2017, 13:53

1 menjawab

Jawaban Terbaik

Saya yakin Anda harus menargetkan dom Polimer terlebih dahulu.

var element = $(Polymer.dom(this.root).querySelector('#idSidePullup'))
1
mattdevio 30 Desember 2017, 11:12