Jquery UI Theme Switcher Alternatives

Question

我想在我的页面上使用Jquery UI Theme Switcher Widget。 问题是切换器通过http托管，我的页面是https页面。 所以我得到包括切换器在内的安全错误。

有谁知道我是否可以得到切换台的源，以便我可以在我的网站上托管它？ 或者是否有我可以使用的任何第三方切换器脚本？

谢谢！

Answer 1

对于任何人登陆这里。这是我发现的。

的其中10个名单是在这里：（更新链接已经死了，现在日 - 4月2016） http://www.net-kit.com/10-practical-jquery-style-switchers/

一个替代jQuery的主题切换，你可以在本地运行是在这里： https://github.com/harborhoffer/Super-Theme-Switcher

Answer 2

我不知道任何其他第三方的实现，但它也很容易做到。只需在link元素上设置一个ID，并在选择框更改时使用jQuery更改src属性。将它抽象成插件也很容易。

Answer 3

我有类似的错误，所以我从http://jqueryui.com/themeroller/themeswitchertool/下载了js，将它保存为jquery.themeswitcher.js，并用google apis https urls代替了所有http jquery-ui url。

唯一的变化是在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> 

如果整个文件中搜索也有一些其他的HTML图像那些被进一步引用。

你可以找到here

Answer 4

你可以简单地设置src链接为“https”，它会正常工作的所有图像。

<link rel="stylesheet" href="themes/MyTheme.min.css" /> 
<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" /> 
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.1/jquery.mobile.structure-1.4.1.min.css" />  
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>  
<script src="https://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.js"></script> 

Answer 5

我不想听起来像我推动的项目，我做了，但是我写了一个jQuery-UI theme switcher based on the themeswitchertool，以创建一个真正像宣传的那样。 Mine并没有默认链接到所有主题，但可以添加任何你想要的主题。从jQuery-UI网站添加所有主题是微不足道的。

还有其他人似乎正在使用的Super Theme Switcher，但它不像我的功能丰富，因为它是旧主题开关的端口。这个链接默认链接所有jQuery UI主题。