Javascript “查看更多”按钮不工作

在我的帖子中，我试图添加一个图片库。我想有一个加载更多的按钮后显示4个图像。然后，您将按下“加载更多”按钮，并显示4个或更多，依此类推。我已经创建了html、css和js，但由于某些原因它无法工作。有人能帮我找到解决办法吗？提前谢谢。这是小提琴

html

加载更多

商店画廊和产品都是类

需要使用：

var $parent = $(".shop-gallery"),
    $items = $parent.find(".product")

选择并对其执行操作<代码>而不是

#

范例

更新：

为了隐藏加载更多按钮，请使用条件-

$（“+hiddenClass）.length==0

并显示4个图像，您的代码是正确的，只需将条件更新为

idx

，以便idx-0,1,2,3为四个图像

---

示例

您可以缩减代码吗？这不是目前最容易阅读的。请尝试删除不影响此视图的位。您可能确实希望首先缓存所有图像，因为您不会使用相同的图像。如果确保所有图像都以数字结尾，第一个数字为0，则可以轻松地动态添加它们，并根据需要创建元素。只是一个评论。谢谢！但是现在它一次只加载1个项目，我希望它一次加载4个项目。此外，如果加载了所有项目，“加载更多”按钮也不会消失。你知道我如何解决这个问题吗？@user6738171:更新了答案。：）非常感谢你！我刚刚注意到的另一个问题是，代码似乎只在您发布的一个示例fiddle中起作用？我试着在wordpress中使用它，但它不起作用，所以我回去尝试将代码粘贴到一个新的提琴上，甚至是一支代码笔，但它们都不起作用。它们都产生了这个——您是否包括jQuery？在我创建的fiddle中，单击JavaScript标记，您将看到我包含了jQuery。是的，它包含了jQuery，真不敢相信我错过了！非常感谢你！