2011-12-20 18 views
5

Jquery UI Theme Switcher Widget'i sayfamda kullanmak istiyorum. Sorun, Switcher'ın http yoluyla barındırıldığı ve sayfamın bir https sayfası olduğu. Bu yüzden, değiştirici dahil olmak üzere güvenlik hataları alıyorum.Jquery UI Tema Değiştirici Seçenekleri

Anahtarlayıcının kaynağını alıp sitemde barındırabilmem için herhangi biri var mı? Veya kullanabileceğim herhangi bir üçüncü taraf değiştirici komut dosyaları var mı?

Teşekkürler!

cevap

15

Buraya inen herkes için. İşte bulduğum şey.

tanesi 10 bir listesini burada bulabilirsiniz: (güncelleme bağlantı artık öldü - 2016 Nisan) burada http://www.net-kit.com/10-practical-jquery-style-switchers/

yerel olarak çalıştırabilir jquery tema değiştirici için bir yedek olduğunu: https://github.com/harborhoffer/Super-Theme-Switcher

+1

10 listenin artık stili anahtarlayıcılara işaret etmiyor. – Kolban

+0

Google'da barındırılan lib'leri kullanan son derece basit bir anahtarlayıcı [** burada **] (https://github.com/JDMcKinstry/jQuery-UI-Theme-Switcher) – SpYk3HH

4

Başka herhangi bir üçüncü taraf uygulamalarını bilmiyorum, ancak kendinizi de kolayca yapabilirsiniz. Sadece bir link öğesinde bir kimlik ayarlayın ve bir seçim kutusu değiştiğinde src özniteliğini değiştirmek için jQuery'yi kullanın. Bir eklenti olarak tasarlamak da oldukça kolaydır.

2

Benzer hataları yaşadım, bu yüzden js'yi http://jqueryui.com/themeroller/themeswitchertool/'dan yükledim, jquery.themeswitcher.js olarak kaydettim ve tüm http jquery-ui URL'lerini google apis https URL'leriyle değiştirdim. Ben ile değiştirilir Hangi

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

:

yalnızca değişiklikler gibi her bağlantı görünüyor var switcherpane vardı

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

dosyanın üzerinden arama Bir kaç başka html görüntüleri vardır daha aşağı referansta bulunulabilir.

Sen basitçe "https" ve iyi çalışacaktır için src bağlantıları ayarlayabilirsiniz here

1

tüm görüntüleri bulabilirsiniz.

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

ben yaptım bir proje teşvik ediyorum gibi ses istemiyorum, ama aslında reklamı gibi çalışır tane oluşturmak amacıyla, bir jQuery-UI theme switcher based on the themeswitchertool yazdı. Benimki varsayılan olarak tüm temalara bağlanmaz, ancak istediğiniz herhangi bir temayı eklemenizi sağlar. Tüm temaları jQuery-UI sitesinden eklemek önemsizdir.

Ayrıca, herkesin kullandığı görülebilen Super Theme Switcher da var, ancak eski temalar anahtarının bağlantı noktası olduğundan benimki kadar zengin özellikli değil. Bu, varsayılan olarak tüm jQuery UI temalarını bağlar.