我试图理解 Polymer。显然，自定义元素是整个 ShaBang 的关键。我确实构建了一些，有些可以正常工作，有些我只是无法让它们按照我的意愿工作。

顺便说一句，我使用的是 0.5 版。为什么，只是因为我懒得改变。

这是我的问题。

我希望在单击链接时弹出 Paper-Dialog。当代码直接位于 Index.html 页面中时，它可以完美运行。但是当我将其包装为自定义元素时，它无法找到我的 Javascript 事件。

我在控制台中收到此错误：

“未捕获的 ReferenceError：toggleDialog 未定义”

我知道这是由于我不理解的东西。但我很难掌握 Polymer 的细节。

这是我尝试执行的操作的代码。

<polymer-element name="cvirt-reader" attributes="content" >
  <template>   
    <a href="#" onclick="toggleDialog()">Read</a>    

    <div id="HelpDialog">   
      <paper-dialog  id="dlgHelper"  heading="Bottom Dialog" transition="paper-dialog-transition-bottom">
        <a href="#"><IMG src="/cvirtAnimee.gif"></a>
        <paper-button label="Fermer" affirmative autofocus></paper-button>
      </paper-dialog>
    </div>

  </template>
  <script>
  Polymer('cvirt-reader', {
      toggleDialog: function(e) {
        this.$.dlgHelper.toggle();
      }
    });
</script>
</polymer-element>