0 
   var startingWindowSize = $(window).width();
   var startPercent = 70;
    if( startingWindowSize >= 1920 )
    {
        startPercent = 70; 
        $('.rsImg').css({bottom: startPercent+"%"});    
    }
    else if( startingWindowSize >= 1440 )
    {
        startPercent = 40;  
        $('.rsImg').css({bottom: startPercent+"%"});   
    }
    else if( startingWindowSize >= 1280 )
    {
        startPercent = 18; 
        $('.rsImg').css({bottom: startPercent+"%"});        
    }
    else
    {
        startPercent = 10; 
        $('.rsImg').css({bottom: startPercent+"%"});        
    }

このコードが機能しないのはなぜですか? タグにスタイルを追加することを拒否します。このスニペットの前のこのコードの前に、javascript スライダー プラグインによって既にいくつかの css が追加されています。これが原因でしょうか？スライダーはここにあります。

4

1 に答える 1

0

$('.rsImg')本当に正しい項目を参照していますか? あなたが思っていたことが実際に見つかったかどうかを再確認してください
。alert($('.rsImg').size())

また、ページの読み込みが完了した後にこのコードが実行されていますか? それはonreadyコールバック関数にありますか？

.css()これは完全に関連しているわけではありませんが、呼び出しを 1 回だけ実行することでコードを簡素化できます。

var startingWindowSize = $(window).width();
var startPercent = 10;

if (startingWindowSize >= 1920) startPercent = 70; 
else if (startingWindowSize >= 1440) startPercent = 40;  
else if (startingWindowSize >= 1280) startPercent = 18; 

$('.rsImg').css({bottom: startPercent+"%"});
于 2013-06-06T16:58:00.767 に答える