2011-12-20 34 views
5

Tôi muốn sử dụng Jquery UI Theme Switcher Widget trên trang của tôi. Sự cố là Trình chuyển đổi được lưu trữ qua http và trang của tôi là trang https. Vì vậy, tôi nhận được các lỗi bảo mật bao gồm trình chuyển đổi.Jquery UI Theme Switcher Lựa chọn thay thế

Có ai biết tôi có thể lấy nguồn của trình chuyển đổi để tôi có thể lưu trữ nó trên trang web của mình không? Hoặc có bất kỳ tập lệnh trình chuyển đổi bên thứ ba nào mà tôi có thể sử dụng không?

Cảm ơn!

Trả lời

15

Đối với bất kỳ ai đến vùng đất này. Đây là những gì tôi tìm thấy.

Một danh sách 10 trong số đó là ở đây: (cập nhật liên kết là chết ngay bây giờ - Apr 2016) http://www.net-kit.com/10-practical-jquery-style-switchers/

Một thay thế cho jquery theme switcher mà bạn có thể chạy cục bộ được ở đây: https://github.com/harborhoffer/Super-Theme-Switcher

+1

Danh sách 10 không còn trỏ đến trình chuyển đổi kiểu. – Kolban

+0

trình chuyển đổi cực kỳ đơn giản sử dụng lib được lưu trữ trên google [** đây **] (https://github.com/JDMcKinstry/jQuery-UI-Theme-Switcher) – SpYk3HH

4

Tôi không biết về bất kỳ triển khai của bên thứ ba nào khác, nhưng cũng dễ dàng thực hiện. Chỉ cần đặt id trên thành phần link và sử dụng jQuery để thay đổi thuộc tính src khi hộp chọn thay đổi. Tóm tắt nó thành một plugin khá dễ dàng.

2

Tôi có lỗi tương tự vì vậy tôi đã tải xuống js từ http://jqueryui.com/themeroller/themeswitchertool/, lưu nó dưới dạng jquery.themeswitcher.js và thay thế tất cả url jquery-ui của http bằng url google apis https.

Những thay đổi chỉ là trong var switcherpane nơi mỗi liên kết trông giống như:

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

Mà tôi thay thế bằng:

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

Nếu bạn tìm kiếm thông qua các tập tin có một vài hình ảnh html khác được tham chiếu thêm nữa.

Bạn có thể tìm thấy tất cả các hình ảnh here

1

Bạn chỉ có thể thiết lập các liên kết src để "https" và nó sẽ hoạt động tốt.

<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

Tôi không muốn nghe như tôi đang thúc đẩy một dự án tôi đã làm, nhưng tôi đã viết một jQuery-UI theme switcher based on the themeswitchertool, để tạo ra một trong những thực sự hoạt động như quảng cáo. Mỏ không liên kết với tất cả các chủ đề theo mặc định, nhưng cho phép bạn thêm bất kỳ chủ đề nào bạn muốn. Thêm tất cả các chủ đề từ trang web jQuery-UI là tầm thường.

Ngoài ra còn có Super Theme Switcher, mà mọi người khác dường như đang sử dụng, nhưng nó không phải là tính năng phong phú như tôi, do nó là một cổng của themeswitchertool cũ. Cái này DOES liên kết tất cả các giao diện người dùng jQuery theo mặc định.