jQuery .css底部屬性未將CSS應用於元素

Question

   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。 這可能是原因嗎？ 滑塊可在此處找到。

Answer 1

您確定$('.rsImg')實際上是指正確的項目嗎？
嘗試alert($('.rsImg').size())仔細檢查它是否確實找到了您認為的功能。

另外，您確定頁面加載完成后此代碼正在運行嗎？ 它是在onready回調函數中嗎？

這並不完全相關，但是只需執行一次.css()調用即可簡化代碼：

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+"%"});