单击按钮时未打开纸质对话框

【问题标题】：paper-dialog not opening on click of an button单击按钮时未打开纸质对话框
【发布时间】：2016-03-03 09:54:07
【问题描述】：

各位，

根据纸质对话框中的聚合物文档，我这样做了

<paper-card elevation=3 align="center" id="question-ask-card">

      <h1 id="got-a-question">
          Got a question ?
      </h1>

    <paper-button data-dialog="Qdialog" id="askit" raised ><p id="ask-it">Write on Blackboard</p></paper-button>

</paper-card>

对话框是

  <paper-dialog id="Qdialog">

    <h1>sdjafadsfasdfjhg</h1>

    <p>
      aouaouwghsefjgzskdcghizbskk
    </p>

 </paper-dialog>

那么如何在单击该按钮时链接该对话框，请帮助我！！！！！！！！！

提前致谢。

【问题讨论】：

您确定您的页面中包含了纸质对话吗？ (<link rel="import" href="bower_components/paper-dialog//paper-dialog.html">)

标签： dialog polymer

【解决方案1】：

假设您的代码只是放在主文档中，这就像在您的按钮中添加 onclick="Qdialog.open()" 一样简单。

<!doctype html>
<head>
  <meta name="description" content="Polymer Example">
  <meta charset="utf-8">
  <base href="http://polygit.org/components/">
  <script src="webcomponentsjs/webcomponents-lite.min.js"></script>
  <link href="paper-elements/paper-elements.html" rel="import">
  <style>
    body {
      font-family: sans-serif;
    }
  </style>
</head>
<body>
  <paper-card elevation=3 align="center" id="question-ask-card">
    <h1 id="got-a-question">Got a question ?</h1>
    <paper-button data-dialog="Qdialog" id="askit" raised onclick="Qdialog.open()"><p id="ask-it">Write on Blackboard</p></paper-button>
  </paper-card>
  <paper-dialog id="Qdialog">
    <h1>sdjafadsfasdfjhg</h1>
    <p>
      aouaouwghsefjgzskdcghizbskk
    </p>
  </paper-dialog>
</body>

【讨论】：