2016-08-12 76 views
0

我一直在嘗試運行https://dojotoolkit.org/reference-guide/1.10/dijit/layout/TabContainer.html的示例,但我沒有得到任何選項卡。這裏是我的代碼:Dojo TabContainer示例不起作用

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
</head> 
<body> 
    <link rel="stylesheet" 
    href="http://ajax.googleapis.com/ajax/libs/dojo/1.11.2/dijit/themes/claro/claro.css" /> 
    <!-- load Dojo --> 
    <script src="//ajax.googleapis.com/ajax/libs/dojo/1.11.2/dojo/dojo.js"></script> 

    <div style="width: 350px; height: 290px"> 
     <div id="tc1-prog"></div> 
    </div> 

    <script> 
     require(["dijit/layout/TabContainer", "dijit/layout/ContentPane", "dojo/domReady!"], function(TabContainer, ContentPane) { 
      var tc = new TabContainer({ 
       style : "height: 100%; width: 100%;" 
      }, "tc1-prog"); 

      var cp1 = new ContentPane({ 
       title : "Food", 
       content : "We offer amazing food" 
      }); 
      tc.addChild(cp1); 

      var cp2 = new ContentPane({ 
       title : "Drinks", 
       content : "We are known for our drinks." 
      }); 
      tc.addChild(cp2); 

      tc.startup(); 
     }); 
    </script> 

</body> 

</html> 

我在這裏錯過了什麼嗎?謝謝

回答