javascript - jQuery .css底部属性未将CSS应用于元素

   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。这可能是原因吗？可以在here中找到滑块。

最佳答案

您确定$('.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+"%"});