2

我在我的项目中使用 jquery 主题滚轮,我注意到它正在创建一个 Chrome 警告:

The page at https://mysite/ displayed insecure content from http://static.jquery.com/ui/themeroller/images/themeGallery/theme_90_dark_hive.png.

最糟糕的是,它使“绿色横幅”(安全站点)再次变为白色。

所以我一直在研究,我发现这个问题的根源在于jquery.ui.themeswitcher.js它有一个带有非 SSL URL 的变量:

imgPrefix:"http://static.jquery.com/ui/themeroller/images/themeGallery/theme_90_",

如果我将其更改为“https”,则不会加载图像(实际上,似乎没有启用该协议)。所以问题是:是否有任何启用 HTTPS 的站点可以让我获取文件?

4

3 回答 3

1

我有类似的错误,所以我从http://jqueryui.com/themeroller/themeswitchertool/下载了 js ,将其保存为 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 图像会被进一步引用。

你可以在这里找到所有的图片

于 2012-09-14T14:22:55.713 回答
0

您可以简单地将 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>
于 2014-02-26T22:34:34.233 回答
0

我不确定自定义主题,但微软的 CDN 托管了预构建的主题,即使列出了 http,它们也与 https 兼容。

http://www.asp.net/ajaxlibrary/CDNjQueryUI1820.ashx

于 2012-06-01T17:25:20.333 回答