下面是一个完整的 HTML 源代码,用于构建一个带有 google 闭包的简单工具栏。
在 Chrome 中给出错误消息:Uncaught TypeError: Cannot call method 'addChild' of undefined
在标有// ERROR
注释的位置。
任何人都可以提出解决此问题的提示吗?谢谢!!!
编辑:没错,错过了new,但另一个错误是我应该使用render()
而不是decorate()
,因为decorate()
需要所有 dom 元素到位(并且我没有定义按钮的占位符),同时render()
创建新的。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="/m/google-closure/closure/goog/base.js"></script>
<script type="text/javascript">
goog.require('goog.dom');
goog.require('goog.ui.Toolbar');
goog.require('goog.ui.ToolbarButton');
</script>
<script type="text/javascript">
var load_sketcher = function(){
var tb = goog.ui.Toolbar();
tb.addChild(new goog.ui.ToolbarButton('A'), true);// ERROR!!!
tb.addChild(new goog.ui.ToolbarButton('B'), true);
tb.decorate(goog.dom.getElement('sk_toolbar'));// should have used render() here
};
</script>
</head>
<body onload='load_sketcher();'>
<div id="sketcher">
<div id="sk_toolbar"></div>
<div id="sk_canvas"></div>
</div>
</body>
</html>