javascript - Dojo 对话框未加载样式

标签 javascript openlayers dojo

我正在尝试使用 dojo 对话框 dijit,但它加载时没有样式。我的意思是,claro 主题没有应用于对话框。

我还在页面上使用 openlayers,但由于某种原因,样式无法加载。

我的 dojo 导入有 parseOnLoad = true,这是用于创建对话框的代码:

        var dialog = new dijit.Dialog({
            id:"servicesDialog",
            title: "Serviços",
            style: "width:300px;background-color:white;padding:25px;",
            content: "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
        });

        dialog.show();

dialog without style

我希望对话框具有道场风格。为什么这不起作用?

编辑:我的猜测是 openlayers 使用的顺序被对话框搞砸了。因此截图#2。方点位于对话框顶部。

feature from map overlaying dialog div

谢谢

最佳答案

我推测您没有包含主题。添加以下 css 并将主题添加到正文。

<head>
  <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dijit/themes/claro/claro.css" />
</head>
<body class="claro">

关于javascript - Dojo 对话框未加载样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10116856/

相关文章:

javascript - 在父亲的构造函数中获取子类名?

javascript - 如何防止 vendor Assets 每次都被预编译?

javascript - 页面中的几个粘性标题

google-maps - 我可以将 google map/api 与 openlayers 集成吗?

javascript - 页面中有多个js文件,每个文件都以require() : bad practice or OK?开头

javascript - 箭头函数中多个表达式不带花括号的做法是什么

openlayers - 更新到 OpenLayers 3

javascript - 通过 HTTPS 在 OpenLayers map 中使用 Stamen tiles

javascript - 在下拉列表中显示的时间

javascript - 如何摆弄一个简单的 OnDemandList (dgrid)?