使用过滤器和ajax构建砌体布局加载更多选项使用Jquery Masonry

时间:2014-09-25 10:36:20

标签: javascript php jquery ajax jquery-masonry

我在我的项目中使用jquery masonry,我需要使用过滤器进行布局,例如category1,category2,category3和all。并且还需要ajax加载更多选项以在布局中添加更多元素。

完成所有工作意味着ajax在db和masonry布局中运行良好。但是过滤器不能使用ajax(过滤器在没有ajax的情况下工作)。我在这里使用了另一个基于github here the link know as multiple-filter-masonry

的脚本

这是我的js代码......

// Start Masonry
var $container = $('.posts.load-more').multipleFilterMasonry({
// columnWidth: 150,
itemSelector: '.post',
filtersGroupSelector:'.filters',
isAnimated: true
// gutter: 20,
// isFitWidth: true
});

// Get some more blocks
$('#more').click(function(){
// $('.loader').show();
$start = $('.posts.load-more .post').length;
$end = 6;
$.post('blocks.php', {start: +$start, end: +$end}, function(data){
  // $('.loader').hide();

  // make jQuery object
  var $moreBlocks = $( data );
  // Append new blocks
  $container.append( $moreBlocks );

  // Have Masonry position new blocks
  $container.masonry( 'appended', $moreBlocks );
});

希望有人能够解决这个问题......或者建议我完成这个任务。

提前致谢

0 个答案:

没有答案