2011-12-20 4 views
5

내 페이지에서 Jquery UI 테마 전환기 위젯을 사용하고 싶습니다. 문제는 스위처가 http를 통해 호스팅되고 내 페이지가 https 페이지라는 것입니다. 그래서 스위처를 포함한 보안 오류가 발생합니다.Jquery UI 테마 스위처 대안

내 사이트에서 스위처의 소스를 얻을 수 있는지 알 수있는 사람이 있습니까? 또는 사용할 수있는 타사 스위처 스크립트가 있습니까?

감사합니다.

답변

15

여기에 착륙 한 모든 사람에게. 여기 내가 찾은 것이 있습니다.

그 중 10의 목록은 여기에 있습니다 : (갱신 링크가 이제 죽었 - 2016 4월) 여기 http://www.net-kit.com/10-practical-jquery-style-switchers/

로컬로 실행할 수있는 JQuery와 테마 스위처를 대체 : https://github.com/harborhoffer/Super-Theme-Switcher

+1

10의 목록은 더 이상 스타일 스위처를 가리 키지 않습니다. – Kolban

+0

google 호스팅 라이브러리를 사용하는 매우 간단한 스위처 [** 여기 **] (https://github.com/JDMcKinstry/jQuery-UI-Theme-Switcher) – SpYk3HH

4

다른 제 3 자 구현에 대해서는 잘 모르겠지만 쉽게 할 수 있습니다. link 요소에 ID를 설정하고 선택 상자가 변경되면 jQuery를 사용하여 src 특성을 변경하십시오. 그것을 플러그인으로 추상화하는 것도 꽤 쉽습니다.

2

비슷한 오류가있어서 http://jqueryui.com/themeroller/themeswitchertool/에서 js를 다운로드하고 jquery.themeswitcher.js로 저장하고 모든 http jquery-ui urls를 google apis https urls로 바꿨습니다. 내가 대체 어느

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

:

유일한 변화처럼 각 링크가 보이는 var에 switcherpane에 있었다

<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 이미지가있다 더 아래로 참조됩니다.

당신은 당신은 단순히 "HTTPS"그것은 잘 작동하는 SRC 링크를 설정할 수 있습니다 here

1

모든 이미지를 찾을 수 있습니다.

<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

나는 내가 한 프로젝트를 홍보하고 같은 소리하고 싶지 않아,하지만 난 실제로 광고 작품 하나를 만들기 위해하는 jQuery-UI theme switcher based on the themeswitchertool을 썼다. 광산은 기본적으로 모든 테마에 연결하지 않지만 원하는 테마를 추가 할 수 있습니다. jQuery-UI 사이트에서 모든 테마를 추가하는 것은 간단합니다.

다른 사람들이 사용하고있는 것으로 보이는 Super Theme Switcher도 있지만 이전 themeswitchertool의 포트이기 때문에 풍부한 기능이 아닙니다. 이것은 기본적으로 모든 jQuery UI 테마를 연결합니다.