Fatal编程技术网
  • javascript/
  • Javascript 如何根据背景图像更改div的高度？

Javascript 如何根据背景图像更改div的高度？

javascript jquery

Javascript 如何根据背景图像更改div的高度？,javascript,jquery,height,Javascript,Jquery,Height,我正在设置页面，以显示已创建的jpg的公司，它们都有不同的高度。使用javascript或jquery，如何根据背景图像的高度自动调整div的高度？html的布局如下所示： <body> <div id="comp"></div> </body> 我知道你可以设置这是CSS，但我希望它是动态的，而不是每次都要添加高度。非常感谢您的建议。也许这段（未经测试的）代码将帮助您了解如何实现： // taken from the link i

我正在设置页面，以显示已创建的jpg的公司，它们都有不同的高度。使用javascript或jquery，如何根据背景图像的高度自动调整div的高度？html的布局如下所示：

<body>
     <div id="comp"></div>
</body>
我知道你可以设置这是CSS，但我希望它是动态的，而不是每次都要添加高度。非常感谢您的建议。

也许这段（未经测试的）代码将帮助您了解如何实现：

// taken from the link in my comment to OP
var url = $('body').css('background-image').replace('url(', '').replace(')', '').replace("'", '').replace('"', '');
var bgImg = $('<img />');
bgImg.hide();
bgImg.attr('src', url);
bgImg.bind('load', function()
{
    var height = $(this).height();
    $('#comp').height( height );
});

//摘自我对OP的评论中的链接
var url=$（'body'）.css（'background-image'）.replace（'url（'，''）.replace（'），''）.replace（'url（'，''），''）；

var bgImg=$（'我认为使用jquery不可能找到背景图像的高度或宽度有一种获取背景图像高度的潜在方法：div是背景图像的子对象吗？我做了一些研究。有一些方法可以找到图像的高度/宽度，但没有关于获取这些尺寸和自动调整div高度的方法。MrSlayer-我确实检查了这个问题，但是在确定了尺寸之后，如何将这些尺寸“附加”到div尺寸？我尝试了这个建议，但它返回了这个错误“ReferenceError:Can't find variable:$”，以获得帮助您理解出现错误原因的答案