0

我正在使用监狱图像加载器（https://github.com/sebarmeli/JAIL）来加载我的图像。在那个页面中，我也有一个可排序的图片库。

当我“排序”图库项目时如何触发 Jail 插件？

在这里，我调用jail()每个带有“lazy”类的图像：

<script type="text/javascript">
     $(function(){
        $('img.lazy').jail();
    });
</script>

这是我的可排序脚本：

$(document).ready(function(){
    var Portfolio = {
        sort: function(items) {
            items.show();
            $('#portfolio-content').find('div.portfolio-item').not(items).fadeOut(500);
        },
        showAll: function(items) {
            items.fadeIn(500);
        },
        doSort: function() {
            $('a', '#portfolio-sort').on('click', function(e) {
                e.preventDefault();
                var $a = $(this);
                if (!$a.is('#all')) {
                    var items = $('div[data-cat=' + $a.data('cat') + ']', '#portfolio-content');
                    Portfolio.sort(items);
                } else {
                    Portfolio.showAll($('div.portfolio-item', '#portfolio-content'));
                }
            });
        }
    };

    Portfolio.doSort();    
});

这是我的页面，但这不是很好，如果您在对厨房进行排序时看到图像没有出现，只有在您向下滚动页面时：

http://alsite.com.br/angelo/galeria.asp

4

0 回答 0