jQuery的.find未在Safari工作(jQuery .find not working in

2019-10-19 08:39发布

这工作正常在Firefox和Chrome。 但为什么不能在Safari浏览器?

 $('.bxslider li .image').each(function() {
   $(this).width($(this).find('img').width());
    });

在Safari结果为style="width: 0px; " 。 也试过$(文件)。就绪,没有任何变化。

谢谢你的帮助!

Answer 1:

正如已经建议使用window.load()处理所有的图像加载后运行代码。

或者使用

jQuery(function ($) {
    $('.bxslider li .image img').load(function () {
        $(this).closest('.image').width(this.width)
    }).filter(function () {
        return this.complete;
    }).trigger('load')
})


Answer 2:

尽量把你的代码中$(window).load(function() { })以确保所有的图像都改变宽度之前正确加载。

$(window).load(function() {
    $('.bxslider li .image').each(function() {
        $(this).width($(this).find('img').width());
    });
});


Answer 3:

而不是发现你也可以使用“>” - 运营商。 例如:

$('.bxslider li .image').each(function() {
   $(this).width($(this+'> img').width());
    });

您也可以使用该运营商在CSS:例如:

body > h1

匹配身体标记内的所有H1标签。



文章来源: jQuery .find not working in Safari
标签: jquery safari