jQuery可见选择器不起作用

Question

尝试使用 :visible 但它不起作用。

$('.landscape:visible') 或 $('.landscape').filter(':visible') 都不是

我的目标是为可见的风景图片创建一个变量，获取它的高度，然后将其应用于肖像图像以保持一致性。

出于测试目的，第三个导航按钮#w 设置为使用变量vincent 写入该高度。

测试地点：http://brantley.dhut.ch/

JavaScript：

(function($){
    $.respond = function(callback) {

        var element = $('#main');

        $('.z').hide();

        $(document).ready(function() {
            dimensions();
        });

        $(window).load(function() {
            dimensions();
            $('#load').fadeOut('fast', function() {
                $('.z:first').fadeIn('slow');
                $('footer').fadeIn('slow');
            });
        });

        $(window).resize(function() {
            dimensions();
        });

        //Adjust image size
        function dimensions() {
            return element.each(function() {
                var i = $('.z', element);
                $(i).each(function(){

                    var browserWidth = $(window).width();
                    var imgRatio = $(this).width() / $(this).height()
                    var availableHeight = ($(window).height() - $('header').height() - $('footer').height() - 80)
                    var browserRatio = browserWidth / availableHeight
                    var zzz = $('.z').height();
                    /* resize functions
                    $(this).height(availableHeight).width('auto');
                    $(this).width(browserWidth - 40).height('auto');
                    */

                    /* image sizing logic */

                    if (imgRatio >= 1) {
                        $(this).addClass('landscape');
                    }

                    var vincent = $('.landscape').filter(':visible').height();

                    if (browserRatio >= imgRatio) {
                        if (availableHeight <= 312) {
                            /* Landscape */
                            $('body').css('background', 'yellow');
                            $(this).width(browserWidth - 40).height('auto');
                        } else {
                            $(this).height(availableHeight).width('auto');
                            $('body').css('background', 'green');
                        }
                    } else {
                        if (availableHeight <= 312) {
                            /* Portrait */
                            $('body').css('background', 'yellow');
                            $(this).height(200).width('auto');
                        } else {
                            $(this).width(browserWidth - 40).height('auto');
                            $('body').css('background', 'blue');
                        }
                    }

                    /* horizontally center content */
                    $(this).css('margin-left', (browserWidth - $(this).width())/2);
                    $('#w').text(vincent);

                });

                return false;

            });
        };

    //callback();   
    };
})(jQuery);

Answer 1

试试if ($('.landscape').is(':visible')){}