0

レスポンシブ デザイン ( http://eastwightendeavour.org.uk/beta ) を使用して Web サイトを設計しようとしています。jQuery を使用して、クリックnavしたときにスライドを作成しています。#nav-btnこれは、ドキュメントがデスクトップ、タブレット、またはモバイル モードのいずれかで読み込まれている場合は正常に機能しますが、ウィンドウのサイズが変更された場合は機能しません。

ここに私のjQueryコードがあります:

$(document).ready(function(){
  if ($("#nav-btn").css("display") == "block" ){
   $("#nav-btn").click(function(){
    $("nav").stop().slideToggle();
   });
  }
});

ウィンドウのサイズが変更された場合でも、ナビゲーションを正しく表示するにはどうすればよいですか?

4

1 に答える 1

0

ページの読み込み時にのみ表示を確認し、表示されている場合にのみクリック ハンドラーをバインドするため、機能しません。

次に、サイズを変更してメディア クエリによって表示されると、clcik ハンドラーはそれにバインドされません。if(display)とにかく非表示の場合、ユーザーはクリックできないため、必要はありません

于 2013-11-02T16:28:06.363 に答える