0
我有一個將使用Isotop的客戶佈局(我認爲它是唯一可以做我需要的插件)。 這是一個投資組合,當點擊一個項目時,佈局要求ajax加載內容。 我知道如何通過簡單的jquery加載函數加載,但我不知道這實際上不是Isotop的內置功能嗎? 如果是'我該怎麼做? 謝謝, Yehuda是否可以使用同位素項目作爲hiddien項目的觸發器?
我有一個將使用Isotop的客戶佈局(我認爲它是唯一可以做我需要的插件)。 這是一個投資組合,當點擊一個項目時,佈局要求ajax加載內容。 我知道如何通過簡單的jquery加載函數加載,但我不知道這實際上不是Isotop的內置功能嗎? 如果是'我該怎麼做? 謝謝, Yehuda是否可以使用同位素項目作爲hiddien項目的觸發器?
好的,這似乎適用於我。不過,我希望得到比這更好的答案。
- 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>