Fatal编程技术网
  • javascript/
  • Javascript dojotwitter引导和Dijits

Javascript dojotwitter引导和Dijits

javascript twitter-bootstrap dojo

Javascript dojotwitter引导和Dijits,javascript,twitter-bootstrap,dojo,Javascript,Twitter Bootstrap,Dojo,我不熟悉Dojo和Dijit主题，我发现了一个带有引导样式的Dijit主题，如下： 我只需要在Dojo Dijit中使用主题，我真的对Dojo构建系统一无所知。我的目的是将dijit与现有站点集成 如何使用dijit主题？是否有人知道任何网站有一个随时可用的版本，易于与Dojo Bootstrap集成 我想我从来没有看到过难以集成的东西。我找不到任何人使用这个或它的任何预构建版本。此外，我无法使build.py脚本工作（可能是Windows问题）。然而，我设法使用Node编译了主题文件 我做了一

我不熟悉Dojo和Dijit主题，我发现了一个带有引导样式的Dijit主题，如下：

我只需要在Dojo Dijit中使用主题，我真的对Dojo构建系统一无所知。我的目的是将dijit与现有站点集成

如何使用dijit主题？是否有人知道任何网站有一个随时可用的版本，易于与Dojo Bootstrap集成

我想我从来没有看到过难以集成的东西。

我找不到任何人使用这个或它的任何预构建版本。此外，我无法使build.py脚本工作（可能是Windows问题）。然而，我设法使用Node编译了主题文件

我做了一个项目（NB:我不打算研究这个fork，它只是为了解决这个问题。尽管Dojo引导主题是一个不错的概念，所以可能会在某个时候使用它）

我做了一个示例，其中包括一个示例页面test.html，它展示了如何使用它。您可以使用一个直接链接到已编译css的标准标记：

<link
    rel="stylesheet"
    type="text/css"
    href="scripts/bootstrap/theme/dbootstrap/dbootstrap.css"
/>
然后，您可以在通常的dojo manor中设置页面样式：

<body class="dbootstrap">
但是，作者包含了一些需要使用Javascript导入的额外功能。我建议您使用require包含主题（如示例文件和下面所示）：


要求([
“引导”，
“dojo/parser”，
“dojo/ready”
]，函数（dbootstrap，解析器，就绪）{
就绪（函数（）{
parser.parse（）；
})
});
这确保在为Dojo小部件解析页面之前加载引导。您还需要关闭页面上小部件的自动解析，并在dojoConfig中设置引导模块（以及dbootstrap使用的xstyle）的位置，例如：

<script type="text/javascript">
    var dojoConfig = {
        "async": true,
        "parseOnLoad": false,
        "packages": [{
            "name": "bootstrap",
            "location":"/scripts/bootstrap",
            "main":"main"
        }, {
            "name": "xstyle",
            "location":"/scripts/xstyle"
        }]
    };
</script>


var dojoConfig={
“异步”：true，
“parseOnLoad”：false，
“包”：[{
“名称”：“引导程序”，
“位置”：“/脚本/引导程序”，
“主要”：“主要”
}, {
“名称”：“xstyle”，
“位置”：“/scripts/xstyle”
}]
};
您还需要在上面描述的中包含class属性

这一切都有点复杂，但示例文件应该让它更清楚一点。还应该注意的是，在这个庄园中加载css并不是很好的做法，它很可能会导致页面小部件样式的延迟

NB:如果您试图在Dojo中实现引导式组件，您可能会感兴趣。

我已将主题的预构建版本上载到，并且正在处理在上报告的Windows构建问题

与此同时，斯蒂芬·辛普森的回答和该项目有望让你达到目的。如果您有任何其他问题，请随时在

上报告。谢谢各位，我一定会仔细研究它。然后，我将尝试使用dojo引导模块进行同样的操作，因为Sociable尚未为IE做好准备。现在，我有同样的问题要在本地机器上使用它。你已经试过了吗？谢谢伙计们，我一定会仔细研究的。预构建的版本工作得很好。谢谢，做得很好。现在windows的问题还没有解决。赖特？我将在gitHi上观看这个项目，我最终能够使用dbootstrap主题（）的预构建版本。而且效果很好。事情是不确定如何“反转”菜单，所以我只是在dijit/MenuBar上添加了一个类“反转”。现在，菜单栏在firefox中是“反转”的，但在IE（IE8和IE9）中不是。当无法进行windows构建时，是否有任何解决方法？我已经在项目的GitHub上对此提出了一个问题。感谢更多的测试之后，我发现dbootstrap对于IE来说是坏的。对于IE8来说，不仅仅是菜单，滑块也是坏的。我知道作者只在Firefox上测试了编辑…..我将尝试Dojo引导模块它在IE上的哪些方面被破坏了？我目前正在一个项目中使用它，但由于我使用Linux，我还没有在IE上测试过它。我使用按钮、警报和对话框以及一些标准的小部件，如文本框、复选框、收音机等等。 
<script type="text/javascript">
    var dojoConfig = {
        "async": true,
        "parseOnLoad": false,
        "packages": [{
            "name": "bootstrap",
            "location":"/scripts/bootstrap",
            "main":"main"
        }, {
            "name": "xstyle",
            "location":"/scripts/xstyle"
        }]
    };
</script>