当前位置：文江博客话题详情

Jquery UI 主题切换器替代方案

发布于 2024-12-22 04:00:32 字数 171 浏览 2 评论 0原文

我想在我的页面上使用 Jquery UI 主题切换器小部件。问题是切换器是通过 http 托管的，而我的页面是 https 页面。所以我遇到了包括切换器在内的安全错误。

有谁知道我是否可以获得切换器的源代码，以便我可以将其托管在我的网站上？或者有我可以使用的第三方切换器脚本吗？

谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

橪书 2024-12-29 04:00:32

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

其中 10 个列表如下：（更新链接现已失效 - 2016 年 4 月）
~~http://www.net-kit.com/ 10-practical-jquery-style-switchers/~~

可以在本地运行的 jquery 主题切换器的替代品在这里：
https://github.com/harborhoffer/Super-Theme-Switcher

回复收藏 0 原文

单调的奢华 2024-12-29 04:00:32

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

回复收藏 0 原文

难得心□动 2024-12-29 04:00:32

我不想听起来像是在推广我所做的项目，但我写了一个 jQuery-UI基于 themeswitchertool 的主题切换器，以创建一个真正像广告中那样工作的主题切换器。我的默认情况下不会链接到所有主题，但允许您添加任何您想要的主题。从 jQuery-UI 站点添加所有主题非常简单。

还有超级主题切换器，其他人似乎都在使用它，但事实并非如此和我的一样功能丰富，因为它是旧主题切换工具的端口。默认情况下，这个主题会链接所有 jQuery UI 主题。

回复收藏 0 原文

南巷近海 2024-12-29 04:00:32

我有类似的错误，所以我从 http://jqueryui.com/themeroller/themeswitchertool/< 下载了js /a>，将其保存为 jquery.themeswitcher.js 并将所有 http jquery-ui url 替换为 google apis https 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 图像。

您可以在此处找到所有图片

I had similar errors so I downloaded the js from http://jqueryui.com/themeroller/themeswitchertool/, saved it as jquery.themeswitcher.js and replaced all http jquery-ui urls with google apis https urls.

The only changes were in the var switcherpane where each link looks like:

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

Which I replaced with:

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

If you search through the file there are a few other html images that are referenced further down.

You can find all the images here

回复收藏 0 原文

花伊自在美 2024-12-29 04:00:32

您只需将 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>

You can simply set the src links to "https" and it will work fine.

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

回复收藏 0 原文

~没有更多了~