所以我尝试使用 Dojo 的 FixSplitter 模块,我希望它像这样出现:
但结果是这样的:
这是我正在处理的内容:
<body>
<div data-dojo-type="dojox.mobile.FixedSplitter" orientation="H">
<div data-dojo-type="dojox.mobile.FixedSplitter" data-dojo-props='orientation:"H"'>
<div data-dojo-type="dojox.mobile.Pane" style="background-color:yellow;width:200px;">
pane #1 (width=200px)
</div>
<div data-dojo-type="dojox.mobile.Pane" style="background-color:pink;">
pane #2
</div>
</div>
</div>
<script src="dojo-release-1.8.1/dojo/dojo.js" data-dojo-config="async: true"> </script>
<script type="text/javascript">
require([
"dojox/mobile/parser",
"dojox/mobile/FixedSplitter",
"dojox/mobile/Pane"
]);
</script>
</body>
我是 Dojo 的新手,我知道事情是如何工作的,但我觉得我可能会在这里遗漏一些东西以确保它正常工作。它似乎正确命中了 Javascript 文件,正常运行了 require Javascript。
最佳答案
您必须将此 CSS 应用于您的 html
html, body{
height: 100%;
overflow: hidden;
position: relative;
}
关于javascript - 使用带有 FixSplitter 的 Dojo 会产生不需要的结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13810188/