[英]JQuery .css bottom property not applying css to element
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。 这可能是原因吗? 滑块可在此处找到。
您确定$('.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+"%"});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.