javascript - 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 slider 插件在此代码段之前已经添加了一些 css。这可能是原因吗？可以找到 slider here .

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