照片库过滤器在第一次加载时看起来损坏但在我刷新时看起来很好？

Question

这很奇怪。当我第一次访问我的网站时，我的投资组合图库看起来已损坏，但当我刷新时一切看起来都很好。如果您可以在您的计算机上查看我的网站并告诉我您是否看到相同的内容，我将不胜感激。（我的网站还不适合移动设备）

另请告诉我如何解决此问题。我正在为此功能使用 Jquery & Isotope。

Answer 1

好吧，我在这里或其他任何地方都没有得到答案，在花了 2 天时间试图弄清楚但没有成功之后，我付了一个印度人 40 美元来寻找答案。

基本上我需要更新 javascript 代码并在下面添加此代码。

    $(window).on('load', function(){
    //Original Code Goes inside here
});

之前的代码

     $('.grid').isotope({
        itemSelector: '.grid-item',
      });
      
      // filter items on button click
      $('.filter-button-group').on( 'click', 'li', function() {
        var filterValue = $(this).attr('data-filter');
        $('.grid').isotope({ filter: filterValue });
        $('.filter-button-group li').removeClass('active');
        $(this).addClass('active');
      });

代码在

之后

    $(window).on('load', function(){
      $('.grid').isotope({
        itemSelector: '.grid-item',
      });
      
      // filter items on button click
      $('.filter-button-group').on( 'click', 'li', function() {
        var filterValue = $(this).attr('data-filter');
        $('.grid').isotope({ filter: filterValue });
        $('.filter-button-group li').removeClass('active');
        $(this).addClass('active');
      });
    });

所以我认为发生的事情是因为我有很多图像同位素无法正常工作。

进行此更改后，图像已在本地主机和在线上正确上传。我发布这个答案是为了防止其他人遇到同样的问题。

照片库过滤器在第一次加载时看起来损坏但在我刷新时看起来很好？

Photo Gallery Filter Looks Corrupt on 1st Load But looks fine when I Refresh?

html

jquery

css

jquery-isotope

portfolio