如何在jQuery中获取背景图片大小？

Question

问题很简单。如何在jQuery中获取div的背景图像大小（宽度和高度）。它甚至可能吗？我认为这会奏效：jQuery('#myDiv').css('background-image').height();我得到的错误信息是这不是一个函数。

Answer 1

你必须做这样的事情：

var url = $('#myDiv').css('background-image').replace('url(', '').replace(')', '').replace("'", '').replace('"', '');

var bgImg = $('<img />');

bgImg.hide();

bgImg.bind('load', function()

{

    var height = $(this).height();

    alert(height);

});

$('#myDiv').append(bgImg);

bgImg.attr('src', url);

由于代码简单，您不能在背景图像的URL中使用括号或引号。但是，可以扩展代码以获得更大的支持。我只是想传达一般的想法。