2016-03-05 21 views
0

所以我練它,當我點擊它,但是當我複製並粘貼到自己的文字處理機(凌動),並在標籤,它只是空白運行它運行 道場例子的工作,但我的犯規

require([ 
"dijit/MenuBar", 
"dijit/PopupMenuBarItem", 
"dijit/Menu", 
"dijit/MenuItem", 
"dijit/DropDownMenu", 
"dojo/domReady!" 
], function(MenuBar, PopupMenuBarItem, Menu, MenuItem, DropDownMenu){ 
var pMenuBar = new MenuBar({}); 
var pSubMenu = new DropDownMenu({}); 
pSubMenu.addChild(new MenuItem({ 
    label: "File item #1" 
})); 
pSubMenu.addChild(new MenuItem({ 
    label: "File item #2" 
})); 
pMenuBar.addChild(new PopupMenuBarItem({ 
    label: "File", 
    popup: pSubMenu 
})); 
var pSubMenu2 = new DropDownMenu({}); 
pSubMenu2.addChild(new MenuItem({ 
    label: "Cut", 
    iconClass: "dijitEditorIcon dijitEditorIconCut" 
})); 
pSubMenu2.addChild(new MenuItem({ 
    label: "Copy", 
    iconClass: "dijitEditorIcon dijitEditorIconCopy" 
})); 
pSubMenu2.addChild(new MenuItem({ 
    label: "Paste", 
    iconClass: "dijitEditorIcon dijitEditorIconPaste" 
})); 
pMenuBar.addChild(new PopupMenuBarItem({ 
    label: "Edit", 
    popup: pSubMenu2 
})); 
pMenuBar.placeAt("wrapper"); 
pMenuBar.startup(); 
}); 
</script> 
<div id="wrapper"></div> 

反斜槓是一個時期沒有問題。

+0

你加載'dojo.js'以上地方執行? – jason0x43

+0

對不起,我非常瞭解,我只是用示例代碼來說明了這一點。這就是所有這一切。沒有dojo.js. – Alex

回答

0

要實際獲得可運行的內容,您需要的不僅僅是問題中發佈的代碼段。至少您需要加載Dojo加載器(dojo.js)或等效的AMD加載器 - 這是require函數的來源。由於代碼使用Dijit創建菜單,因此您還需要加載基本的Dojo樣式表和Dijit主題(否則菜單看起來非常糟糕)。

Dojo website有一些教程。 Hello Dojo!其中一個是開始的好方法。該腳本前

<html> 
 

 
<head> 
 
    <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/resources/dojo.css"> 
 
    <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dijit/themes/claro/claro.css"> 
 
    <script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js" data-dojo-config="async:true"></script> 
 
    <script> 
 
    require([ 
 
     "dijit/MenuBar", 
 
     "dijit/PopupMenuBarItem", 
 
     "dijit/Menu", 
 
     "dijit/MenuItem", 
 
     "dijit/DropDownMenu", 
 
     "dojo/domReady!" 
 
    ], function(MenuBar, PopupMenuBarItem, Menu, MenuItem, DropDownMenu) { 
 
     var pMenuBar = new MenuBar({}); 
 
     var pSubMenu = new DropDownMenu({}); 
 
     pSubMenu.addChild(new MenuItem({ 
 
     label: "File item #1" 
 
     })); 
 
     pSubMenu.addChild(new MenuItem({ 
 
     label: "File item #2" 
 
     })); 
 
     pMenuBar.addChild(new PopupMenuBarItem({ 
 
     label: "File", 
 
     popup: pSubMenu 
 
     })); 
 
     var pSubMenu2 = new DropDownMenu({}); 
 
     pSubMenu2.addChild(new MenuItem({ 
 
     label: "Cut", 
 
     iconClass: "dijitEditorIcon dijitEditorIconCut" 
 
     })); 
 
     pSubMenu2.addChild(new MenuItem({ 
 
     label: "Copy", 
 
     iconClass: "dijitEditorIcon dijitEditorIconCopy" 
 
     })); 
 
     pSubMenu2.addChild(new MenuItem({ 
 
     label: "Paste", 
 
     iconClass: "dijitEditorIcon dijitEditorIconPaste" 
 
     })); 
 
     pMenuBar.addChild(new PopupMenuBarItem({ 
 
     label: "Edit", 
 
     popup: pSubMenu2 
 
     })); 
 
     pMenuBar.placeAt("wrapper"); 
 
     pMenuBar.startup(); 
 
    }); 
 
    </script> 
 
</head> 
 

 
<body class="claro"> 
 
    <div id="wrapper"></div> 
 
</body> 
 

 
</html>

+0

啊非常感謝你傑森! – Alex

相關問題