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

为什么这段代码不起作用？它拒绝将样式添加到标签中。在这段代码之前，已经有一些 css 被 JavaScript 滑块插件添加到这段代码之前。这可能是原因吗？滑块可以在这里找到。

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