如何向 jQuery masonry 添加基于锚点的 URL 导航

Question

您好，我正在寻找一种将基于锚点的 URL 导航添加到 jQuery masonry 的方法。

以下是示例： http://desandro.com/demo/masonry/filtering.html

我是试图能够直接引导人们进入可过滤的类（即：../filtering.html#red）

似乎应该有一个简单的解决方案，但我是一个Javanoob，所以我真的很感激一些帮助！谢谢！

Answer 1

除了该页面上的代码（在其之后，仍在 document.ready 中），您可以执行以下操作：

$("#filtering-nav a[href='" + location.hash + "']").click();

这只需单击 ; 例如，当您转到 page.htm#red 时。

或者，如果您希望立即隐藏它们，请执行以下操作：

var myClass = location.hash.replace('#','.');
$("#primary").children().not(myClass).addClass('invis').hide();
$('#primary').masonry();

这不需要过滤按钮，它只是隐藏与散列中的类不匹配的任何内容，如下所示：page.htm#classToShow。