同位素过滤器链接到URL [不过滤]

时间:2016-05-10 16:41:06

标签: jquery html hyperlink jquery-isotope isotope

我已将Isotope设置为正确过滤,如下所示:

<ul id="picture-filter" class="picture-filter clearfix" data-container="#picture">
                    <li class="activeFilter"><a href="#" data-filter="*">Show All</a></li>
                    <li><a href="#" data-filter=".landscape">Landscape</a></li>
                    <li><a href="#" data-filter=".portrait">Portrait</a></li>
                    <li><a href="#" data-filter=".women">Sketches</a></li>
                    <li><a href="see-more.html">See More</a></li>
                </ul>

但是我想添加一个外部链接:“查看更多”链接到另一个页面,链接不起作用,而Isotope会在您单击时显示所有内容。有没有办法让链接工作但保持在ul类中?

1 个答案:

答案 0 :(得分:0)

如果有人有兴趣我发现了如何做到这一点。如果您在函数中有一系列元素,但有一个元素将其中一个元素链接到URL,则非常有用:

在元素本身中添加on click事件

onclick="location.href='your-url'; return false;"

这回答如下:

<ul id="picture-filter" class="picture-filter clearfix" data-container="#picture">
                    <li class="activeFilter"><a href="#" data-filter="*">Show All</a></li>
                    <li><a href="#" data-filter=".landscape">Landscape</a></li>
                    <li><a href="#" data-filter=".portrait">Portrait</a></li>
                    <li><a href="#" data-filter=".women">Sketches</a></li>
                    <li><a a href="#" onclick="location.href='see-more.html'; return false;">See More</a></li>
                </ul>