同位素畫廊不總是正常工作

-1

我在同位素畫廊工作，有時它不能正常工作，我需要刷新頁面幾次，因爲我對前端做了一些更改，我看到投資組合工作每次刷新都不同。同位素畫廊不總是正常工作

編輯：只在Chrome上這樣做。

這是應該如何工作的：

Working isotope gallery

但有時它確實像這樣的事情：

after refreshing the page

這裏的the link的網站，這裏是我同位素畫廊碼：

我遺漏了一些項目，因爲我發現它並不重要我在畫廊裏放了多少物品。

<!-- section works --> 
    <section id="section-works" class="section appear clearfix"> 
     <div class="container"> 
      <div class="row"> 
       <nav id="filter" class="col-md-12 text-center"> 
        <ul> 
         <li><a href="#" class="current btn-theme btn-small" data-filter="*">Alles</a></li> 
         <li><a href="#" class="btn-theme btn-small" data-filter=".photo" >Foto's</a> </li> 
         <li><a href="#" class="btn-theme btn-small" data-filter=".video">Video's</a> </li> 
        </ul> 
       </nav> 
       <div class="col-md-12"> 
        <div class="row"> 
         <div class="portfolio-items isotopeWrapper clearfix" id="3"> 

          <article class="col-md-4 isotopeItem photo"> 
           <div class="portfolio-item"> 
            <img src="img/portfolio/img1.jpg" alt="" /> 
            <div class="portfolio-desc align-center"> 
             <div class="folio-info"> 
              <h5><a href="#">Portfolio name</a></h5> 
              <a href="img/portfolio/img1.jpg" class="fancybox"><i class="fa fa-expand fa-2x"></i></a> 
             </div> 
            </div> 
           </div> 
          </article> 

          <article class="col-md-4 isotopeItem video"> 
           <div class="portfolio-item"> 
            <img src="img/portfolio/img6.jpg" alt="" /> 
            <div class="portfolio-desc align-center"> 
             <div class="folio-info"> 
              <h5><a href="#">Portfolio name</a></h5> 
              <a class="fancybox" href="js/jwPlayer5/player.swf? file=http://localhost/plusbus/img/portfolio/videos/files/vid1.mp4"  type="video/mp4" title="local video mp4"><i class="fa fa-expand fa-2x"></i></a> 
             </div> 
            </div> 
           </div> 
          </article> 

         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </section>

來源

2015-03-31 Dennis Heitinga

您需要發佈你的同位素代碼，而不僅僅是你的html。我沒有在您的網站上看到任何圖片發佈在這裏。至少與那個環節有關。一個jsfiddle是最好的。 – Macsupport 2015-04-02 05:32:39

沒有代碼，這是一個猜測。您正在使用同位素v1.56，而不是v2，您需要使用Isoptope v1 imagesloaded info。

這是你如何使用它：

var $container = $('#container'); 

$container.imagesLoaded(function(){ 
$container.isotope({ 
// options... 
}); 
});

同位素V2，你就需要加載imagesloaded.js分別因爲不包含它，因爲它是在V1.5

來源

2015-04-02 05:41:07 Macsupport

同位素畫廊不總是正常工作

回答

相關問題