0

カテゴリを含むメニューがあるレスポンシブ サイトに取り組んでいます。ビューポートが小さいデバイス用に縮小されると、カテゴリ ボックスが非表示になり、誰かがクリックできる単一のボタンが表示され、jquery を使用してカテゴリ ナビゲーションを切り替えます。問題は、ナビゲーションを切り替えた後に画面のサイズを変更すると、大きなビューポートに戻ったときに適切に再表示されないことです。これを修正する方法、またはそれを回避するより良い方法があるかどうかはわかりません。

ここに例があります:http://jsfiddle.net/kZ3kW/

助けてくれてありがとう

4

1 に答える 1

3

問題は、jQuery.slideToggle()がインラインスタイルの「表示」を「なし」または「ブロック」に切り替え、常にそこにとどまるということです。したがって、モバイルビューでメニューを閉じると、インラインの「display:none」が残り、すべてのcssプロパティが上書きされます。

解決策は、インラインスタイル属性を使用するのではなく、代わりにcssクラスを使用することです。slideToggle()にコールバックを追加します。これにより、インラインスタイル属性が削除され、クラス'open'が追加されます。その後、これをcssに追加します。

.cat-tbl.open {
    display: block;   
}

そしてそれは動作します。こちらで確認してください

于 2012-08-09T09:16:02.477 に答える