5

ページでJqueryUIテーマスイッチャーウィジェットを使用したい。問題は、Switcherがhttp経由でホストされており、私のページがhttpsページであるということです。そのため、スイッチャーを含むセキュリティエラーが発生します。

自分のサイトでホストできるように、スイッチャーのソースを入手できるかどうか誰かが知っていますか？または、使用できるサードパーティのスイッチャースクリプトはありますか？

ありがとう！

4

5 に答える 5

15

ここに着陸する人のために。これが私が見つけたものです。

それらの10のリストはここにあります:(更新リンクは現在死んでいます-2016年4月） http://www.net-kit.com/10-practical-jquery-style-switchers/

ローカルで実行できるjqueryテーマスイッチャーの代わりはここにあります： https ：//github.com/harborhoffer/Super-Theme-Switcher

于 2011-12-20T03:22:07.880 に答える
4

他のサードパーティの実装については知りませんが、自分で行うのも簡単です。要素にIDを設定し、linkjQueryを使用してsrc、選択ボックスが変更されたときに属性を変更するだけです。プラグインにそれを抽象化することも非常に簡単です。

于 2011-12-20T00:18:46.813 に答える
3

私が行ったプロジェクトを宣伝しているように聞こえたくはありませんが、実際に宣伝どおりに機能するものを作成するために、themeswitchertoolに基づいてjQuery-UIテーマスイッチャーを作成しました。Mineはデフォルトですべてのテーマにリンクしているわけではありませんが、必要なテーマを追加することができます。jQuery-UIサイトからすべてのテーマを追加するのは簡単です。

他の誰もが使用しているように見えるSuperThemeSwitcherもありますが、古いthemeswitchertoolの移植版であるため、私のものほど機能が豊富ではありません。これは、デフォルトですべてのjQueryUIテーマをリンクします。

于 2014-03-07T18:20:55.843 に答える
2

同様のエラーが発生したため、http：//jqueryui.com/themeroller/themeswitchertool/からjsをダウンロードし、jquery.themeswitcher.jsとして保存し、すべてのhttpjquery-uiurlをgoogleapishttpsurlに置き換えました。

唯一の変更は、各リンクが次のように見えるvarswitcherpaneにありました。

<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画像がいくつかあります。

あなたはここですべての画像を見つけることができます

于 2012-09-14T14:23:32.953 に答える
1

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>
于 2014-02-26T22:31:50.983 に答える