2013-02-26 60 views
0

我有一個將使用Isotop的客戶佈局(我認爲它是唯一可以做我需要的插件)。 這是一個投資組合,當點擊一個項目時,佈局要求ajax加載內容。 我知道如何通過簡單的jquery加載函數加載,但我不知道這實際上不是Isotop的內置功能嗎? 如果是'我該怎麼做? 謝謝, Yehuda是否可以使用同位素項目作爲hiddien項目的觸發器?

回答

0

好的,這似乎適用於我。不過,我希望得到比這更好的答案。

- HTML -

<div id="portfolio1" class="element Packaging Mitug " data-symbol="Hg" data-category="Packaging"> 
<a href="#"><img src="/Portals/0/images/portfolio/p6_250x250_off.jpg" /></a> 
<p class="portfolioItemTtl"><a href="#">פורטפוליו 1</a></p> 
<div class="portfolio1Details" id="portfolio1Details"></div> 
<div id="portfolio1detailes" class="portfolio1detailes"></div> 

- 這裏的同位素腳本 -

- 然後是這樣的 - - 注意,重新佈局以前生產的jQuery負載 -

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#portfolio1').click(function(event){ 
     event.preventDefault(); 
     $('#portfolio1').css('width','100%'); 
     $('#portfolio1').css('height','800px'); 
     $('#portfolio1 a img').css('display','none'); 
     $('#isoTopContainer').isotope('reLayout'); 
     $('#portfolio1').load('demo_test.txt'); 
     $('html, body').animate({ 
      scrollTop: $("#portfolio2detailes").offset().top 
     }, 1000); 
    }); 
}); 

</script> 
相關問題