我有一个将使用Isotop的客户布局(我认为它是唯一可以做我需要的插件)。 它是一个投资组合,布局要求在单击项目时加载ajax内容。 我知道如何通过简单的jquery加载函数加载它,但我想知道这是否实际上不是Isotop的内置功能? 如果是的话,我该怎么做? 谢谢, 胡达
答案 0 :(得分: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 Load的重新载入 -
<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>