javascript - 显示所有 div 并按类别选择

Question

请查看以下网址:http://demo.templaza.com/w/vania/您会注意到，您可以按相关性查看 div All |图片 |视频 | Post 我一直在尝试做的就是在简单的 HTML5 中，当 div 加载到所有类型的帖子的所有部分中时，我就可以按相关性查看每个帖子，就像在上面的 URL 上完成一样快。任何人都可以向我提供完成此类功能的指示，即从所有生成的 div 等过滤图像的方式。

我一直在使用 image = class="image" 、 video = class="video" 等的 div 的类名。只是想知道如何创建此过滤器。

Answer 1

您提到的网站使用了一个名为 isotope 的 jquery 插件。

http://jsfiddle.net/AYQET/

// cache container
var $container = $('#container');
// initialize isotope
$container.isotope({
  // options...
});

// filter items when filter link is clicked
$('#filters a').click(function(){
  var selector = $(this).attr('data-filter');
  $container.isotope({ filter: selector });
  return false;
});