Jquery 选择器无法在 Polymer 中找到 div 元素。应该是直截了当不理解问题

Question

Objective: 单击表单内的图标后，我想向包含该表单的 div 添加一个新的 class . 问题： Jquery pullupClose 中的选择器未拾取元素。 Console.log result of Jquery sector in this image. 由于只是没有获取元素，因此 addAclass 不起作用。 你能找出我做的错误吗？提前致谢

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>
        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>

Answer 1

我认为您需要先定位聚合物 dom。

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

Jquery 选择器无法在 Polymer 中找到 div 元素。应该是直截了当不理解问题

Jquery Selector not able to find div element in Polymer. Should be straightforward Not understanding the Issue

javascript

css

jquery

jquery-ui

polymer