我只对日历CSS使用jQuery-ui.css(smoothness)。有谁知道我可以从中使用的所有日历CSS功能?我不想在页面上拥有所有这些额外的CSS,因为当我尝试做的只是使用日历时,它给了我许多问题......
非常感谢任何帮助或建议!
答案 0 :(得分:0)
您可以通过Theme Roller自定义您的JQuery CSS,并在download上仅选择您要使用的小部件。
答案 1 :(得分:0)
首先,我不建议尝试从jquery ui css中删除“只是日历样式”(特别是当你还在开发应用程序时),因为如果你突然决定要使用{{1}或者datePicker()
,或jQuery UI中的任何其他内容,你会发现自己不得不再次尝试匹配所有css,这对你来说是一个巨大的麻烦,还有很多不必要的工作
因此,如果您完全确定不需要其他组件的任何样式,并且您希望最小化CSS文件,那么您可以选择性地仅下载您需要的功能来自jquery-ui download page ,或者如果你需要先设计一个自定义主题,在选择你需要的feautres之前,那么你可以从 {{3开始}} ,它将带您进入下载页面,允许您仅选择所需的功能。
请注意下载页面如何检查(或取消选中)您需要(或不需要)的功能,这将导致下载仅包含运行所选功能所需的CSS。强>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
话虽如此,如果您希望的是从主html文件中删除CSS的所有混乱,那么就像将所有CSS放入其自己的文件一样简单,然后将css导入到您的html文件中。这样,您的页面仍会响应所有CSS,而不会妨碍您的HTML。
要导入css文件,只需将此行代码放在draggable()
代码中
<head></head>
或者如果css已经在您的页面上,只需将css复制并粘贴到名为“jquery-ui.css”的文件中,然后您可以将其导入您的页面,如下所示:
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
按照惯例和良好的代码组织,许多人将他们的样式表放在一个名为“css”的文件夹中,它将所有项目的样式表保存在一个地方,所以如果你选择遵循这个约定(推荐),你的代码就会看起来像这样:
<link rel="stylesheet" href="jquery-ui.css">
您通常会看到如下组织的代码:
ProjectRootDirectory/ images/ css/ js/ index.html ...
index.html将从<link rel="stylesheet" href="css/jquery-ui.css">
文件夹访问其图像,images
文件夹中的样式和css
文件夹中的javascripts
希望这有帮助!