3

最近、フロントエンドを変更し、Metronic レスポンシブ テーマの使用を開始しました。

次のような左メニューがあります。

ここに画像の説明を入力

これは、メニューの左上をクリックすると応答するため、次のように完全にサイズ変更されます。

ここに画像の説明を入力

問題は、サイズを変更しても（例：小さい）、リンクをクリックしたとき（またはページが更新されたとき）、サイズに関係なく、大きなメニューが自動的に表示されます。

if (resize) {  use -> page-header-fixed page-sidebar-closed }  
else {   use ->page-header-fixed }

そのようなものでなければならないことはわかっていますが、これをphpで実装するにはどうすればよいですか?

編集: index.php 内に body クラスがあります:

    </head>
    <body class="page-header-fixed">
    <?include "left.php"?>

left.php は、左メニューがあるページです。body クラスは、確認する必要がある css クラスです

4

3 に答える 3

3

この設定はデータベースに保存する必要がありますか? そうでない場合は、localStorageを使用して、JavaScript だけで管理してみませんか?

メニューコードはわかりませんが、開閉イベントを見ることができれば、次を使用できます。

window.localStorage.setItem("menu", 1); // 1: open - 2: closed

次に、ページの読み込み時にそれを読んでください：

window.localStorage.getItem("menu");

サーバーやクッキーに ajax リクエストを設定する必要はありません。

于 2013-09-25T13:15:26.617 に答える