如何正确地将 HTML5 Boilerplate 与 JQuery UI 集成?
我正在使用 HTML5 Boilerplate,并希望合并 JQuery UI。添加 JS 似乎没什么大不了的:
<script src="//code.jquery.com/ui/1.8.17/jquery-ui.min.js"></script>
<script>window.jQuery.ui || document.write('<script src="js/libs/jquery-ui.min.js"><\/script>')</script>
但是我如何合并 CSS 文件呢?我会在调用 HTML5BP style.css 之后调用它吗?
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/redmond/jquery-ui-1.8.17.custom.css">
I am using the HTML5 Boilerplate and would like to incorporate JQuery UI. Adding the JS doesn't seem like a big deal:
<script src="//code.jquery.com/ui/1.8.17/jquery-ui.min.js"></script>
<script>window.jQuery.ui || document.write('<script src="js/libs/jquery-ui.min.js"><\/script>')</script>
But how would I incorporate the CSS file? Would I just call it after the HTML5BP style.css is called?
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/redmond/jquery-ui-1.8.17.custom.css">
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
简单的答案是肯定的。只需将 jquery 链接放在 H5BP 链接后面即可:
Simple answer is yes. Just place the jquery link after the H5BP link:
在 style.css 中,您有一个“作者部分”,位于规范化部分和关于媒体查询、非语义帮助器类等的最后部分之间。
要么复制粘贴整个 jquery-ui-1.8.17.custom。在作者部分中添加 css,就好像它是您自己代码的一部分一样,或者如果您想将内容分开,请在其中添加 @import 规则。阅读文档 http://html5boilerplate.com/docs/ :css 页面和构建脚本页面。
In style.css, you have an "author section", between the normalisation section and the last section about media queries, non-semantinc helper classes, etc.
Either copy-paste the whole of jquery-ui-1.8.17.custom.css in the author section, as if it was part of your own code, or if you want to separate things, add an @import rule there. Read the docs http://html5boilerplate.com/docs/ : css page and build script page.