jquery背景调整大小
由于某种原因，如果刷新页面，则无法正确运行。否则工作正常。 id.background 位于 body 标签上。
var theWindow = $(window),
$bg = $("#background"),
aspectRatio = $bg.width() / $bg.height();
function resizeBg() {
if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
$bg.removeClass()
.addClass('bgheight');
} else {
$bg.removeClass()
.addClass('bgwidth');
}
}
theWindow.resize(function() {
resizeBg();
}).trigger("resize");
For some reason this does not run correctly if the page is refreshed. Works fine otherwise. The id.background is on the body tag.
var theWindow = $(window),
$bg = $("#background"),
aspectRatio = $bg.width() / $bg.height();
function resizeBg() {
if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
$bg.removeClass()
.addClass('bgheight');
} else {
$bg.removeClass()
.addClass('bgwidth');
}
}
theWindow.resize(function() {
resizeBg();
}).trigger("resize");
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可能想看看这个插件，我已经使用过几次了。
http://bavotasan.com/2011/full-sizebackground-image-jquery- plugin/
您是否有在
$('document').ready(function(){});中编写的代码？You may want to take a look at this plugin, i've used it a few times.
http://bavotasan.com/2011/full-sizebackground-image-jquery-plugin/
Do you have the code you wrote inside a
$('document').ready(function(){});?