JQuery ThemeSwitcher имеет проблемы с HTTPS

Question

Я использую тему ролика JQuery в моем проекте, и я заметил, что он создает предупреждение Chrome:

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

и худшее, что делает «зеленое знамя» (Secure сайт), чтобы снова стать белым.

Так я исследование и я нашел корень этой проблемы является jquery.ui.themeswitcher.js, который имеет переменный с не-SSL URL:

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

Если изменить его на «HTTPS» образа не загружен (на самом деле, похоже, что этот протокол там не включен). Итак, вопрос: есть ли какой-либо сайт с поддержкой HTTPS, где я могу получить файлы?

Answer 1

Я имел подобные ошибки, так что я скачал из JS http://jqueryui.com/themeroller/themeswitchertool/, сохранил его как jquery.themeswitcher.js и заменить все HTTP-JQuery UI-адресов с Google APIs протокола HTTPS.

Единственные изменения были в вар 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 2

Я не уверен в пользовательских темах, но в CDN от Microsoft есть встроенные темы, и они совместимы с https, хотя http указан.

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

Answer 3

Вы можете просто установить СРК ссылки на «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>