0

道場初心者です。サンプルの Dojo ページをセットアップしようとしましたが、Dojo コンポーネントがロードされません。代わりに、次のエラーが表示されます

ReferenceError: dojo が定義されていません
dojo.require("dijit.form.Dialog");

ただし、CSS は適用され、class="dijitHidden" は DIV を非表示にします。

以下は私のHTMLです：

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="dijit/themes/tundra/tundra.css" />
<link rel="stylesheet" type="text/css" href="dojox/grid/resources/Grid.css">
<link rel="stylesheet" type="text/css" href="dojox/grid/resources/tundraGrid.css">
<script language="text/javascript" src="dojo/dojo.js" ></script>
<script>
    dojoConfig = {
        isDebug: true,
        parseOnLoad: true,
        async: true
        //foo: "bar"
    };
</script>
<script>
    dojo.require("dojo.Dialog");
    function showDialog(){
        dijit.byId("terms").show();
    }
    function hideDialog(){
    dijit.byId("terms").hide();
    }
</script>
    <meta charset="utf-8"> 
    <title> Hello Dojo</title>
</head>
<body>
<h1> Welcome to Dojo</h1>
<div id="contentDiv">
    <button onclick="showDialog()" > view terms and conditions</button>
    <div class="dijitHidden">
        <div data-dojo-type="digit.Dialog" style="widht:600px" data-dojo-props="title:'terms and conditions'" id="terms">
            Digit Dialog Box Appears
            <button onclick="hideDialog();"> I Agree</button>
        </div>
    </div>
</div>
</body>
</html>
4

3 に答える 3

0

dojoConfig は、dojo.js ファイルのレンダリングの前に来る必要があります。

あなたのコーディング スタイルは dojo <1.7 を示しています。そのため、dojoConfig の代わりに djConfig を使用してください。

data-dojo-type="dijit.Dialog" で間違いを犯しました

于 2015-12-18T18:42:45.810 に答える
0

コメントでも既に回答されていますが、dojoConfig の定義が遅すぎます。また、require を使用する必要があります。

require(["dijit/form/Dialog"], function (formDialog) {...});

于 2013-05-22T20:09:34.820 に答える
0

Dojo 1.6 または AMD をサポートしていないバージョンを使用していると思います。おそらく、language="text/javascript" を type="text/javascript" に変更する必要があるか、次の行で次のようにデバッグできます。

console.log(dojo);
alert("Wait");

Dojo が適切にロードされているかどうかを確認します。

今のところ何も機能しない場合は、CDN dojo ライブラリのバージョンを確認することもお勧めします。

<script src="//ajax.googleapis.com/ajax/libs/dojo/1.6.3/dojo/dojo.xd.js"></script>
于 2015-04-27T17:39:11.633 に答える