Chrome& Firefox:图片粘在一起

时间:2015-06-11 14:01:48

标签: javascript css wordpress google-chrome firefox

我的新website遇到了问题。 网格的一些图片粘在一起,但仅限于Firefox和Chrome。 如果我放大到110%并缩小到100%,则问题不会出现。 此外,如果我清除缓存并重新加载问题不存在。

你们中有谁有想法解决这个问题。

有一张问题的图片: enter image description here

我相信masonry.js存在问题。但我不知道如何解决这个问题。

(function ($) {
    var $container = $('.masonry_wrapper'),
        colWidth = function () {
            var w = $container.width(), 
                columnNum = 1,
                columnWidth = 0;
            if (w > 1200) {
                columnNum  = 5;
            } else if (w > 900) {
                columnNum  = 4;
            } else if (w > 600) {
                columnNum  = 3;
            } else if (w > 300) {
                columnNum  = 2;
            }
            columnWidth = Math.floor(w/columnNum);
            $container.find('.item').each(function() {
                var $item = $(this),
                    multiplier_w = $item.attr('class').match(/item-w(\d)/),
                    multiplier_h = $item.attr('class').match(/item-h(\d)/),
                    width = multiplier_w ? columnWidth*multiplier_w[1]-4 : columnWidth-4,
                    height = multiplier_h ? columnWidth*multiplier_h[1]*0.5-4 : columnWidth*0.5-4;
                $item.css({
                    width: width,
                    height: height
                });
            });
            return columnWidth;
        }

        function refreshWaypoints() {
            setTimeout(function() {
            }, 1000);   
        }

        $('nav.portfolio-filter ul a').on('click', function() {
            var selector = $(this).attr('data-filter');
            $container.isotope({ filter: selector }, refreshWaypoints());
            $('nav.portfolio-filter ul a').removeClass('active');
            $(this).addClass('active');
            return false;
        });

        function setPortfolio() { 
            setColumns();
            $container.isotope('reLayout');
        }

        isotope = function () {
            $container.isotope({
                resizable: true,
                itemSelector: '.item',
                masonry: {
                    columnWidth: colWidth(),
                    gutterWidth: 0
                }
            });
        };
    isotope();
    $(window).smartresize(isotope);

}(jQuery));

对不起我的英语。

非常感谢你。

1 个答案:

答案 0 :(得分:-1)

可能是因为你已连接砌体而不是同位素