如何应用主题选择

时间:2011-02-13 16:48:46

标签: jquery jquery-ui

我想使用这个选择: http://wiki.jqueryui.com/w/page/12138056/Selectmenu

但我无法理解,我怎样才能在自己的项目中使用其中一个主题? 我应该怎么做,在自己的页面上选择样式?

感谢。

1 个答案:

答案 0 :(得分:3)

主题切换器

如果您想添加主题切换器,只需将以下内容添加到页眉:

<script src="http://jqueryui.com/themeroller/themeswitchertool/" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
 $('#switcher').themeswitcher();
});
</script>

然后将其添加到正文

<div id="switcher"></div>

单一主题

如果您只想要一个主题,那么您只需链接到其中一个Google托管文件即可。有关您可以使用的链接列表,请参阅this blog entry。可以添加到页眉的示例:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-darkness/jquery-ui.css" type="text/css" rel="stylesheet" >