Question

由于某种原因，样式元素未应用于TabContainer。标签标题显示为彼此相邻的纯黑白文本。

      <script src="http://localhost/dojo/1.9.1/dojo/dojo.js" data-dojo-config="async:true,parseOnLoad:true"></script>
      <link href="http://localhost/dojo/1.9.1/dojo/resources/dojo.css" type="text/css" rel="stylesheet" />
      <link href="http://localhost/dojo/1.9.1/dijit/themes/claro/claro.css" type="text/css" rel="stylesheet" />
      <link href="http://localhost/dojo/1.9.1/dojox/grid/enhanced/resources/claro/EnhancedGrid.css" type="text/css" rel="stylesheet" />
    </head>
    <body>
      <div id="mainUIContainer" data-dojo-type="dijit/layout/TabContainer" region='center' style="width: 100%; height: 100%;">
        <div id="numbersGridTab" data-dojo-type="dijit/layout/ContentPane" style="width: 100%; height: 100%;" title="Grid">
          <div id="numbersGridHolder" style="width: 900px; height: 400px;"></div>
        </div>
        <div id="textBlobTab" data-dojo-type="dijit/layout/ContentPane" style="width: 100%; height: 100%;" title="crap">
          lorem ipsum dolor
        </div>
      </div>
      <script>
        require([
          "dijit/layout/ContentPane",
          "dijit/layout/TabContainer",
          "dojo/domReady!"
        ], function(){
           makeGrid();
        });
      </script>

Answer 1

我认为这里的问题是，为了使用像claro这样的现有道场主题，你需要在body标签<body class="claro">

中添加一个类 @Andrew：这就行了！确认Dojo 1.9.2（Tundra具体:) :)。

Answer 2

您可以使用Chrome的Ctrl + Shift + I面板浏览生成的页面DOM，并找到要设置样式的标记。如果您认为JavaScript会覆盖您的样式，请创建一个新的Javascript，以便在执行其他Javascript后执行，并使用它来设置样式。作为大多数面向设计的开发人员，如果您需要广泛使用动态样式，我建议您使用jQuery。

Dojo TabContainer没有样式

2 个答案: