Polymer 聚合物1.0<；纸吐司>；出现在后面<；纸盒面板>；

我正在使用聚合物起动器套件

当我添加

元素时，当我

.show（）

它时，它会出现在

后面

---

还有其他人遇到过这个问题吗？你有什么办法解决它吗？

我也遇到了同样的问题，并弄清楚了发生了什么

如果你在做和我一样的事情，那么你就在

纸盒面板
的
main
部分的某个地方得到了你的
烤面包片。在这种情况下，将
烤面包片
移到
纸盒面板外

对我有效的方法是在
index.html
结束标记之后添加我的
纸吐司

如果您需要使用动态消息（即消息内容是在
index.html
上不可用的自定义元素中确定的），那么您可以如下设置自定义元素中的文本


index.html

<paper-drawer-panel>
    <!-- Your chest of drawers go here -->
</paper-drawer-panel>

<paper-toast id="somethingWentWrong"
             duration="6000">
</paper-toast>

<!-- Assuming of course that this is included in index.html -->
<p on-click="paragraphClicked">Click Me</p>


paragraphClicked: function() {
   var toast = document.querySelector('#somethingWentWrong');
   toast.text = 'Aaargh!';
   toast.show();
}



别处.html

<paper-drawer-panel>
    <!-- Your chest of drawers go here -->
</paper-drawer-panel>

<paper-toast id="somethingWentWrong"
             duration="6000">
</paper-toast>

<!-- Assuming of course that this is included in index.html -->
<p on-click="paragraphClicked">Click Me</p>


paragraphClicked: function() {
   var toast = document.querySelector('#somethingWentWrong');
   toast.text = 'Aaargh!';
   toast.show();
}


单击我
段落：函数（）{
var toast=document.querySelector（'somethingWentWrong'）；
toast.text='Aaargh！'；
toast.show（）；
}
您可以将纸吐司的z索引样式设置为合适的值，如10000。它甚至可以与web组件中的纸吐司元素一起使用