聚合物纸张 - 下拉菜单问题 - 菜单覆盖不起作用

时间:2014-11-30 04:39:15

标签: polymer

非常令人沮丧,不确定发生了什么。我无法找到我需要导入的内容,以便像在演示中一样弹出纸张下拉菜单菜单 - 我已经导入了演示中的相同组件,加上一些,但无济于事。我把它放在一个完全独立的文件中,它仍然不能正常工作。有什么想法吗?

<paper-dropdown-menu label="versions">
    <paper-dropdown layered class="dropdown">
        <core-menu class="menu">
            <paper-item>version 1</paper-item>
            <paper-item>version 2</paper-item>
        </core-menu>
    </paper-dropdown>
</paper-dropdown-menu>

任何人都可以告诉我或指向我确切地说明我需要导入哪些组件的页面吗?我似乎无法在任何地方找到它...任何帮助将不胜感激!谢谢!

编辑只是在我的appengine测试服务器上运行了演示文件,它没有显示重叠的菜单.. hmmmmm

编辑我的导入语句:

<script type="text/javascript" href="/bower_components/webcomponentsjs/webcomponents.js'.
</script>
<link rel="import" href="bower_components/polymer/polymer.html">
<link rel="import" href="bower_components/paper-elements/paper-elements.html">
<link rel="import" href="bower_components/core-elements/core-elements.html">

编辑我尝试直接从Git重新下载5.1 paper-dropdown-menu文件夹,没有骰子。当我在测试服务器上运行它时,包含的demo.html也不会运行

修改paper-dropdown-menu.html文件与paper-elements.html文件分开导入后,顶层纸质下拉列表似乎正常运行。我想最新版本的paper-elements.html中没有包含纸张下拉菜单?不过,我回到原来的叠加层问题仍然无效。我不确定我需要导入哪个元素才能使其工作。我的印象是它使用paper-dropdown-transition,但我不确定,我似乎无法在任何地方的文档中找到它。 HALP!

2 个答案:

答案 0 :(得分:2)

我已经解决了我的问题!我需要导入这两个才能让它出现!

<link rel="import" href="bower_components/web-animations-next/web-animations.html">
<link rel="import" href="bower_components/web-animations-js/web-animations.html">

我之前只导入过网络动画。如果有人想要发布链接,我希望我知道这些内容的记录在哪里!

答案 1 :(得分:1)

非常确定纸质项目,但不确定。试一试。

或者,更好的是,只需导入纸质元素并获取所有内容。