2

サイドバー ナビゲーション メニューのある CSS テーマを使用しています。ユーザーがサイドバーを閉じることができるように、ボタンを追加したいと思います。

私はjQueryのトグル、表示、非表示などに精通しています...そして、divを非表示にして表示するスクリプトをいくつかの方法で書くことができましたが、それを行うための準拠した方法はありますか、それはほとんどのブラウザで動作し、電話？

jQueryでshow hide以外のより良いオプションはありますか?

ありがとう

4

4 に答える 4

2

最も適切な方法は、クラスを切り替えて、css を使用して残りの部分に切り替えることです...

var $yourSidebar = $(".sidebar");
$(document).on("click.toggleNav touch.toggleNav", ".yourTriggerButton", function(){ 
 $yourSidebar.toggleClass("open");
});

CSS では、メディア クエリを使用して、解像度の範囲ごとにナビゲーションの動作を変えたり、CSS トランジションを使用して適切にアニメーション化することもできます。

これは、ほぼすべてのモバイルおよびデスクトップ デバイスで機能します。

DMEO: http://jsfiddle.net/a24fQ/

于 2012-05-23T09:28:49.870 に答える
0

css の可視性属性を使用して、クリック イベントで可視性を非表示にすることができます。お気に入りjQuery (selector).css('visibility','hidden');

于 2012-05-23T09:18:29.330 に答える
0

JSを使用するより良い方法は実際にはないと思います。ボタンのクリックでトグルを処理する必要があるためです。jQuery、ExtJS、またはストレート JS の使用ツールの使用に関する質問です。したがって、この場合、JavaScript を使用することはまったく正常です。

于 2012-05-23T09:51:53.170 に答える