是否可以使用同位素项目作为隐藏项目的触发器?

时间:2013-02-26 22:36:29

标签: jquery-isotope

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

1 个答案:

答案 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>