Jquery .is(':visible')无法在chrome版本57中加载页面

时间:2017-04-04 13:26:17

标签: jquery google-chrome

我在我的网站上使用延迟加载显示图像,在显示图像之前使用jquery是可见事件。此功能仅适用于chrome版本57.

1 个答案:

答案 0 :(得分:0)

jQuery.is(':visible')不适用于所有浏览器。

如果您想查看,可以使用适用于所有浏览器的以下功能

jQuery.fn.extend({
  isvisible: function() {
    //
    //  This function call this: $("div").isvisible()
    //  Return true if the element is visible
    //  Return false if the element is not visible for our eyes
    //
    if ( $(this).css('display') == 'none' ){
        console.log("this = " + "display:none");
        return false;
    }
    else if( $(this).css('visibility') == 'hidden' ){
        console.log("this = " + "visibility:hidden");   
        return false;
    }
    else if( $(this).css('opacity') == '0' ){
        console.log("this = " + "opacity:0");
        return false;
    }   
    else{
        console.log("this = " + "Is Visible");
        return true;
    }
  }  
});