jQuery平滑日历CSS

时间:2014-11-05 19:15:07

标签: jquery html css calendar

我只对日历CSS使用jQuery-ui.css(smoothness)。有谁知道我可以从中使用的所有日历CSS功能?我不想在页面上拥有所有这些额外的CSS,因为当我尝试做的只是使用日历时,它给了我许多问题......

非常感谢任何帮助或建议!

2 个答案:

答案 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

希望这有帮助!