我正在尝试在 WordPress 安装的新闻部分实施同位素过滤。我是 JavaScript / jQuery 的新手,正在努力学习。我首先使用Isotope 网站过滤器部分提供的代码。
运气不好,我开始谷歌搜索。在 Stack Overflow 上,我发现用 wordpress 实现同位素过滤组合看起来很有希望,但没有回应。然后我找到了Implementing jQuery isotope。我想,哇,好吧,同样的问题。回答。伟大的。
......但我的兴奋很快变成了更加沮丧。经过几个小时的修修补补,我仍然坐在这里,没有任何东西可以展示。
我的简单问题是,我做错了什么/遗漏/不理解?
预先感谢您的帮助,健忘詹姆斯
<div id="grid_page">
<ul id="isotope_filters">
<li><a data-filter="*" href="#">show all</a></li>
<li><a data-filter="event-planning" href="#">event planning</a></li>
<li><a data-filter="marketing" href="#">marketing</a></li>
<li><a data-filter="site-survey" href="#">site survey</a></li>
</ul>
<ul id="isotope_container">
<li class="isotope_selector event-planning marketing">
<a href="./link-1/"></a>
<div class="caption">
...
</div>
</li>
<li class="isotope_selector site-survey">
<a href="./link-2/"></a>
<div class="caption">
...
</div>
</li>
<li class="isotope_selector event-planning marketing">
<a href="./link-3/"></a>
<div class="caption"> …
Run Code Online (Sandbox Code Playgroud)