文章/答案/技术大牛

发布

社区首页 >问答首页 >可触摸聚合物的自定义元素

问可触摸聚合物的自定义元素
EN

Stack Overflow用户

提问于 2014-09-15 10:20:45

回答 1查看 186关注 0票数 0

我已经创建了一个包含JQuery-Knob的简单定制元素，并将其放置在core-scaffold布局中。在与它交互时，我注意到原点不正确。它的行为就像脚手架不在那里一样。

另一件事是，当将data-width属性设置为高于200时，旋钮的底部会被切断。

是什么导致了这个问题?我该如何修复它？

fancy_knob.html：

<link rel="import" href="bower_components/polymer/polymer.html">

<polymer-element name="fancy-knob">
  <template>
      <input type="text" value="90" id="dial" data-width="400">
  </template>
  <script type="application/javascript">
    Polymer({
        ready: function() {
            $(this.$.dial).knob();
        }
    })
  </script>
</polymer-element>

index.html：

<!doctype html>
<html>
    <head>
        <script src="bower_components/platform/platform.js"></script>
        <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
        <script src="https://rawgit.com/aterrien/jQuery-Knob/master/dist/jquery.knob.min.js"></script>

        <link rel="import" href="bower_components/core-scaffold/core-scaffold.html">

        <link rel="import" href="fancy_knob.html">

        <style>
            html,body {
                height: 100%;
                margin: 0;
            }
        </style>

    </head>
    <body unresolved>
        <core-scaffold>
            <fancy-knob></fancy-knob>
        </core-scaffold>
    </body>
</html>

javascript

jquery

html

polymer

回答 1

Stack Overflow用户

发布于 2014-09-15 12:37:10

聚合物核-支架

要使用core-scaffold，可以使用core-header-panel、nav等导航器

<body unresolved>
    <core-scaffold>
        <core-header-panel></core-header-panel>
        <fancy-knob></fancy-knob>
    </core-scaffold>
</body>

如果你仍然想隐藏侧边栏，一定要应用下面的样式：

core-scaffold /deep/ core-drawer-panel /deep/ core-selector #main {
    left: 0 !important;
}
core-scaffold /deep/ core-drawer-panel /deep/ core-selector #drawer {
    width: 0 !important;
}

jQuery知识

请同时指定data-height=400 (默认值为200)。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25840006

复制

相似问题

问可触摸聚合物的自定义元素
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问可触摸聚合物的自定义元素EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问可触摸聚合物的自定义元素
EN