排序项时触发jQuery Image Loader

时间:2013-10-15 11:55:07

标签: javascript jquery

我正在使用Jail Image loader(https://github.com/sebarmeli/JAIL)加载我的图片。在那个页面中,我也有一个Sortable图库。

当我“排序”图库项目时,如何删除Jail插件?

在这里,我为每个具有“懒惰”类的图像调用jail()

<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

0 个答案:

没有答案