这工作正常在Firefox和Chrome。 但为什么不能在Safari浏览器?
$('.bxslider li .image').each(function() {
$(this).width($(this).find('img').width());
});
在Safari结果为style="width: 0px; "
。 也试过$(文件)。就绪,没有任何变化。
谢谢你的帮助!
这工作正常在Firefox和Chrome。 但为什么不能在Safari浏览器?
$('.bxslider li .image').each(function() {
$(this).width($(this).find('img').width());
});
在Safari结果为style="width: 0px; "
。 也试过$(文件)。就绪,没有任何变化。
谢谢你的帮助!
正如已经建议使用window.load()
处理所有的图像加载后运行代码。
或者使用
jQuery(function ($) {
$('.bxslider li .image img').load(function () {
$(this).closest('.image').width(this.width)
}).filter(function () {
return this.complete;
}).trigger('load')
})
尽量把你的代码中$(window).load(function() { })
以确保所有的图像都改变宽度之前正确加载。
$(window).load(function() {
$('.bxslider li .image').each(function() {
$(this).width($(this).find('img').width());
});
});
而不是发现你也可以使用“>” - 运营商。 例如:
$('.bxslider li .image').each(function() {
$(this).width($(this+'> img').width());
});
您也可以使用该运营商在CSS:例如:
body > h1
匹配身体标记内的所有H1标签。