现有html的jQuery主题?

时间:2012-12-29 00:26:00

标签: jquery html5 jquery-ui

我有一些现有的HTML - 非常简单的东西。我想用CDN的jQuery来主题我的网站。我在页面的头部有这个:

    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-darkness/jquery-ui.css" type="text/css">
    <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
    <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js'></script>

但它似乎对我的ui没有任何影响。有没有办法让这神奇地适用于我页面中的每个元素?或者我是否需要手动为每个元素添加一个类或id?或以某种方式初始化事物?我能够将一个主题应用于按钮,但只能通过在按钮上明确设置class =“ui-button”。

干杯

1 个答案:

答案 0 :(得分:1)

如果检查声明的.css文件,您将看到与样式代码关联的所有特定ID /类: http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-darkness/jquery-ui.css

就像你提到的那样,它包含许多标识符,例如“ui-widget-header”或 “ui-state-active”,看起来你必须将这些ID分配给你的标记。这个主题配置的真正目的是为JQuery UI组件设置样式,它不是为了侵入性地影响现有页面的外观而设计的。