Jquery UI Theme Switcher Альтернативы - PullRequest
Новая
       30

Jquery UI Theme Switcher Альтернативы

5 голосов
/ 20 декабря 2011

Я хочу использовать виджет переключателя тем JQuery UI на своей странице. Проблема в том, что Switcher размещен через http, а моя страница - страница https. Поэтому я получаю ошибки безопасности, включая переключатель.

Кто-нибудь знает, могу ли я получить источник коммутатора, чтобы разместить его на своем сайте? Или есть какие-нибудь сторонние сценарии переключения, которые я мог бы использовать?

Спасибо!

Ответы [ 5 ]

15 голосов
/ 20 декабря 2011

Для тех, кто приземляется здесь. Вот что я нашел.

Список из 10 здесь: ( обновление ссылка устарела - апрель 2016 г.) http://www.net -kit.com / 10-практико-JQuery стиль-коммутаторы /

Замена переключателя тем jquery, который вы можете запустить локально, здесь: https://github.com/harborhoffer/Super-Theme-Switcher

4 голосов
/ 20 декабря 2011

Я не знаю ни о каких других сторонних реализациях, но это тоже легко сделать самостоятельно.Просто установите идентификатор для элемента link и используйте jQuery для изменения атрибута src при изменении поля выбора.Абстрагировать его в плагин тоже довольно просто.

3 голосов
/ 07 марта 2014

Я не хочу звучать так, как будто я продвигаю проект, который я сделал, но я написал переключатель тем jQuery-UI на основе themeswitchertool , чтобы создать тот, который действительно работает так, как рекламируется. По умолчанию у меня нет ссылок на все темы, но вы можете добавить любую нужную тему. Добавление всех тем с сайта jQuery-UI тривиально.

Существует также Super Theme Switcher , который, похоже, используют все остальные, но он не так богат, как мой, из-за того, что он является портом старого themeswitchertool. Этот по умолчанию связывает все темы пользовательского интерфейса jQuery.

2 голосов
/ 14 сентября 2012

У меня были похожие ошибки, поэтому я скачал js из http://jqueryui.com/themeroller/themeswitchertool/,, сохранил его как jquery.themeswitcher.js и заменил все URL-адреса http jquery-ui на URL-адреса https google apis.

Единственные изменения были в 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-изображений, ссылки на которые приведены ниже.

Вы можете найти все изображения здесь

1 голос
/ 27 февраля 2014

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