我在自己的食谱网站上工作。我使用wordpress并为食谱创建了自定义帖子类型。有不同的类别,如"早餐","午餐","甜点"等。
在我的主页上,我想实现一个简单的过滤器 - >见screenshot
现在这里是棘手的部分。一开始我想展示不同类别的16个食谱/帖子(缩略图和标题)。点击 - 例如 - 在早餐后,应再有一次16种类型的食谱"早餐"。并且它应该工作而不刷新页面。
标准过滤器只隐藏未选择的项目..但此处应加载更多相同类别的项目。所以总共有16个项目。
我用Google搜索了一整天来找到一个剧本。我不是最好的程序员,所以也许有人给我一个教程或类似的链接。
我发现的全部是,使用ajax可以重新加载而无需刷新。但我如何结合wordpress,ajax和过滤器javascript ...
Thx in advanced !!!
P.S。插件不是解决方案,因为我想在我自己的页面中添加代码。
答案 0 :(得分:1)
有几种方法可以解决这个问题。第一种 - 而不是完全有效的方法是同时加载所有选项并使用Jquery过滤器,如 Isotope - 请参阅:http://isotope.metafizzy.co/。您将不得不更改标记并引入一些Javascript,但您不必编写任何Ajax调用,但它是一个很好的过滤对象的系统,并且相对容易设置。
第二个 - 也是更复杂的选项 - 将使用 Wordpress Admin Ajax 功能,这需要更多地了解ajax系统如何在Wordpress中运行。
这里解释:https://codex.wordpress.org/AJAX_in_Plugins
这也是开始解决问题的非常有用的教程:http://code.tutsplus.com/tutorials/a-primer-on-ajax-in-the-wordpress-frontend-understanding-the-process--wp-27052