jquery-isotope - 是否可以使用同位素项目作为隐藏项目的触发器？

Question

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

Answer 1

好的，这似乎对我有用。不过，我希望得到比这更好的答案。

-- 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 之前的 reLayout --

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