如何将自定义主题添加到jQuery UI主题切换器?

时间:2010-09-16 16:32:15

标签: jquery-ui themes

此处:http://jqueryui.com/docs/Theming/ThemeSwitcher 我发现很好的小部件可以在我的页面上打开jQueryUI主题。 而且我也创建了自己的自定义主题。如何将其添加到主题列表中?

1 个答案:

答案 0 :(得分:0)

我使用了与您相同的解决方案...从http://jqueryui.com/themeroller/themeswitchertool/下载了js,将其保存为jquery.themeswitcher.js并用google apis https urls替换了所有http jquery-ui网址。

唯一的变化发生在var switcherpane,其中每个链接都是这样的:

<li><a href=
"http://jqueryui.com/themeroller/css/parseTheme.css.php?....">
<img src=
"http://jqueryui.com/themeroller/images/themeGallery/theme_90_ui_dark.png" alt=
"UI Darkness" title="UI Darkness" /> <span class="themeName">UI
darkness</span></a></li>

我替换为:

<li><a href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/themes/ui-lightness/jquery-ui.css">
<img src="content/images/theme_90_ui_light.png" alt="UI Lightness" title=
"UI Lightness" /><span class="themeName">UI lightness</span></a></li>

您可以在<li>中将自定义图片添加为var switcherpane

如果您搜索该文件,则会有一些其他html图像被进一步引用。

就合法性而言,我不太确定,但我不明白为什么你不能因为jQuery UI是免费和开源的。