如何正确地将 HTML5 Boilerplate 与 JQuery UI 集成?

发布于 2025-01-06 10:33:41 字数 509 浏览 0 评论 0原文

我正在使用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

柠檬心 2025-01-13 10:33:41

简单的答案是肯定的。只需将 jquery 链接放在 H5BP 链接后面即可:

<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/redmond/jquery-ui-1.8.17.custom.css">

Simple answer is yes. Just place the jquery link after the H5BP link:

<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/redmond/jquery-ui-1.8.17.custom.css">
萌吟 2025-01-13 10:33:41

在 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文