0

ファイルで次のコードを使用すると。

var width=jQuery(window).width();
    if(width<980){
        jQuery('.std .home-right').hide();
    }else{
     jQuery('.std .home-right').show();
     }

ウィンドウ幅を 980px 未満にサイズ変更すると、.std .home-right は非表示にできません。ウィンドウ幅を 980px 未満から 980 より大きいサイズに変更すると、.std .home-right は表示できません。なぜ？

4

5 に答える 5

3

あなたの場合、jqueryの代わりに、スタイルシートで幅検出を使用する方が簡単かもしれません：

cssに以下を追加します。

@media all and (min-width: 980px) {  .std .home-right { display:none; } }

@media all and (max-width: 979px) {   .std .home-right { display:block; } }

この助けを願っています。

于 2013-01-21T04:14:05.273 に答える
1

サイズ変更イベントを監視する必要があります。

$(window).resize(function () {
  var width = $(window).width();
  console.log(width);
  if (width < 500) {
    $('.std .home-right').hide();
  } else {
    $('.std .home-right').show();
  }
});

http://jsfiddle.net/C2Kx9/

于 2013-01-21T04:14:09.807 に答える
0

$(window)次のように、サイズ変更イベントに追加します。

function setWidth(){
    var width = $(window).width();
    if(width < 980){
        jQuery('.std .home-right').hide();
        console.log(1);
    } else {
        jQuery('.std .home-right').show();
        console.log(2);
    }
}
$(document).ready(function(){
    setWidth();
});
$(window).resize(function(){
    setWidth();
});
于 2013-01-21T04:14:12.427 に答える
0

あなたがしたことは（うまくいけばドキュメントの準備ができている）ブラウザの幅を設定することです。サイズ変更中に機能させたい場合は、次のようなことを行う必要があります。

$( window ).resize( function () {

    var width = $( window ).width();

    if ( width < 980 ) {
        $( '.std .home-right' ).hide();
    } else {
        $( '.std .home-right' ).show();
    }

});

これにより、ブラウズが非表示になり、必要な要素が表示されます。ただし、先に進んでそのコードをダンプする前に、まずこのページを確認することをお勧めします。

http://benalman.com/code/projects/jquery-throttle-debounce/examples/throttle/

サイズ変更イベントは多くのイベントを生成します。これは通常、悪いことと見なされます。

于 2013-01-21T04:14:52.273 に答える
0

このコードをウィンドウのサイズ変更関数に次のように記述する必要があります

$(window).resize(function () {
var width=jQuery(window).width();
    if(width<980){
        jQuery('.std .home-right').hide();
    }else{
     jQuery('.std .home-right').show();
     }
});

これはあなたに役立つかもしれません

于 2013-01-21T04:22:42.850 に答える