同位素过滤器 link 到 URL [不过滤器]
Isotope Filter link to a URL [Not filter]
我已将同位素设置为正确过滤,如下所示:
<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>
但我想添加一个外部 link: "See More" that links 到另一个页面,link 不工作,而是同位素显示所有当你点击它时。有没有办法使 link 工作但将其保留在 ul class?
中
以防万一有人感兴趣,我发现了如何做到这一点。如果您在一个函数中有一系列元素但一个到 link 其中一个到 URL:
则很有用
通过在元素本身内添加点击事件
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>
我已将同位素设置为正确过滤,如下所示:
<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>
但我想添加一个外部 link: "See More" that links 到另一个页面,link 不工作,而是同位素显示所有当你点击它时。有没有办法使 link 工作但将其保留在 ul class?
中以防万一有人感兴趣,我发现了如何做到这一点。如果您在一个函数中有一系列元素但一个到 link 其中一个到 URL:
则很有用通过在元素本身内添加点击事件
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>