JQueryはこの変数では発生しません...？

Question

私は、ウィンドウの幅が490ピクセルよりも小さい場合にこの動作を実行しようとしています。しかし、JavaScriptは動作しません。

<script> 
$(document).ready(function() { 
    if ($(window).width() < 490) { 
     $("section div share").click(function() { 
      $("sharebuttons").slideToggle('slow') 
     }); 
    } else { 
     $("section div share").click(function() { 
      event.preventDefault(); 
      //I would like the action would not happen when the window px are bigger than 490 
     }); 
    } 
}); 
</script> 

ここでは何が欠けていますか？

Answer 1

条件$('window').width() < 490は機能しません。 $('window')が$(window)に置き換えられて動作します。 windowはJavascriptオブジェクトであり、ドキュメントツリーで何かを見つけるセレクタではありません。だから、jQueryは文字列として渡すときにそれを認識しないと思います。

また、selectorsを改訂する必要があると思います。 ID shareの要素と一致させる場合は、セレクタ内のトークンを#shareにする必要があります。要素をクラスshareに一致させるには、セレクタ内のトークンを.shareにする必要があります。