1

IE で background-size に問題があったため、IE で動作させる JavaScript を見つけましたが、画面の幅が 768 ピクセルを下回る場合にのみ background-size を適用したいと考えています。

これが私の現在のスクリプトです：

$(window).resize(function() {
    if($(window).width() > 768)
       jQuery('#header').css( "background-size", "cover" );
});

これはサイズ変更を開始すると機能しますが、768 を下回ると background-size は削除されず、初期状態には背景サイズもありません。何か案は？ありがとう！

4

2 に答える 2

5

あなたの答えはほぼ正しいです。必要なのは、else を追加することだけです。

$(window).resize(function() {
    if($(window).width() > 768) {
       jQuery('#header').css( "background-size", "cover" );
    } else {
       jQuery('#header').css( "background-size", "whatever" );
    }
});

私はあなたがあちこちに書いていることを心配しているjQueryので、あなたができることも次のとおりです。

jQuery(function( $ ) { // DOM ready and secured jQuery's $ alias

  // Use freely $ alias
  var $header = $('#header'); // Cache your selectors
  $(window).resize(function() {
    $header.css({backgroundSize:$(this).width()>768?"cover":"whatever"});
  });

  // Other $ code here

});
于 2014-03-25T14:41:55.737 に答える