問題タブ [styleswitching]

さて、私はphpでスタイルスイッチャーを実行しました。これをサイトの非表示機能として使用しています。これは、ユーザーが「teema」と入力するとトリガーされ、ページコンテンツの上部にモーダルボックスが表示されます。利用可能なテーマを表示します。

ただし、CSSがバックグラウンドで読み込まれるように、ページを更新せずにテーマを変更したいと思います。これがteema.phpです：

そして、Cookieをチェックするインデックスのphp：

新しいcssをバックグラウンドにロードし、jQueryを使用して古いcssにフェードオーバーするにはどうすればよいですか？

私は、javascript css スイッチャーの Kevin Luck の例に従っています。 http://www.kelvinluck.com/assets/jquery/styleswitch/index.html

私はそれを私の地元のプロジェクトで働かせました。私の問題/質問は、Kevin Luckが使用する古いjavascriptを使用すると機能することです。jQuery のバージョンを更新しようとすると、壊れてしまいます。最新の 1.10.2 jQuery を使用するようにこの例を更新するにはどうすればよいですか?

目次ページはこんな感じ（該当部分）

jQuery(styleswitcher.js)はこんな感じ

関連する唯一の css は、スタイル シート名であり、college およびcorporate と呼ばれます。上記のphp / htmlコードでそれらを見ることができます。なぜこれが壊れるのかについてかなり混乱しており、修正方法がわかりません。どんなアイデアでも本当に役に立ちます。ありがとう！

私はjQueryとJavascriptに非常に慣れていないので、スタイルスイッチャーに問題があり、css部分は機能しますが、スクリプトは機能せず、機能させる方法がわかりません.

Javascript :

HTML :

これらを変更します：

それが役立つ場合、私のメニュースクリプトは大まかに次のようになります。

誰かがそれを機能させるのを手伝ってくれるなら、それは素晴らしいことです

ありがとう、アルフレッド

私は Web デザインの初心者なので、これが最良のフォーラムなのか、それとも私を完全に逃してしまうような明白な解決策があるのか​​ わかりません。どちらかであってもご容赦ください。それで、これが取引です。

私はクラフト cms を使用してブログを作成しており、私のレイアウト ファイルでは、styleswitcher.js スクリプトを使用して 2 つの css ファイルを切り替えています。

ソーシャル メディアのアイコンを展開するために、css スタイルも使用しています。たとえば、facebook は次のようになります。

Internet Explorer では png ファイルを表示するのが苦手だと気づいたので、svg ファイルに切り替えることにしました。いくつかの作業の後、png ファイルを svg に変換することができました。また、スタイルシートで参照されているすべての png ファイルを svg に変更しました。

ただし、ここに問題があります。svg ファイルを含む css スタイルシートを使用するとすぐに、スタイルの切り替えは、切り替えを行った特定のページにのみ影響し、サイト全体には影響しません。

したがって、メイン ページでスタイルを切り替えて記事ページに移動すると、前のスタイルシートが表示されます。ページ分割されたページを移動しても、スタイルが変わることがあります。

それで、何が間違っていて、どうすれば修正できますか？

PS。iPadでWebサイトをテストしていたときに、pngファイルでも同じ問題に気付いたことに注意してください。

PS2。わかりました、styleswitcher.js ファイルのコードは次のとおりです。