Dojo实现Tabs页报错（一）

时间：2024-07-25 11:36:50

1、在用Dojo写tab页的过程中出现了一些错误

dojo源码如下：

<%--

    Document   : grid

    Created on : 2013-12-15, 18:05:47

    Author     : YouHaidong

--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <title>dojo实现Tab页</title>

        <link id="themeStyles" rel="stylesheet" href="../../script/dojoroot/dijit/themes/claro/claro.css"/>

        <!-- required: dojo.js -->

        <script type="text/javascript" src="../script/dojoroot/dojo/dojo.js"

        data-dojo-config="isDebug: true, parseOnLoad: true"></script>

        <!-- only needed for alternate theme testing: do NOT use in your code! -->

        <script type="text/javascript" src="../_testCommon.js"></script>

        <script type="text/javascript">

            dojo.require("dijit.dijit"); // optimize: load dijit layer

            dojo.require("dijit.layout.ContentPane");

            dojo.require("dijit.layout.TabContainer");

        </script>

    </head>

    <body class="claro">

        <div id="mainTabContainer" data-dojo-type="dijit/layout/TabContainer" data-dojo-props='style:"width: 400px;height: 20em;"'>

            <div id="tab1" data-dojo-type="dijit/layout/ContentPane" data-dojo-props='title:"学生"'>

                学生

            </div>

            <div id="tab2" data-dojo-type="dijit/layout/ContentPane" data-dojo-props='title:"教师"'>

                教师

            </div>

            <div id="tab3" data-dojo-type="dijit/layout/ContentPane" data-dojo-props='title:"课程"'>

                课程

            </div>

        </div>

    </body>

</html>

2、启动服务器，页面显示如下

Dojo实现Tabs页报错（一）

3、火狐浏览器FireBug调试“控制台->错误”出现错误

Dojo实现Tabs页报错（一）

4、网络中的所有出现以下红色的标记

Dojo实现Tabs页报错（一）

相关文章