Jquery在服务器上显示隐藏问题

Question

我正在为我的Instagram Feed中的图片创建一个简单的显示/隐藏所有切换按钮。它在小提琴中运行良好但是当我在我的服务器上放置相同的代码时，没有任何错误。任何人都可以帮我解决为什么这不起作用。

这是HTML

<div class="btn btn-success toggleAll">
    Show All/Hide All
</div>

这是Javascript

$('.toggleAll').on('click',function(){
    $('.pp, .coat, .heart-wrap, .comment-wrap, .check-wrap, .grip .btn').slideToggle('fast');
});

这是适用的jsfiddle

https://jsfiddle.net/galnova/ua0ojhhe/5/

这是我的网站，它不起作用

http://galnova.com

欢迎任何帮助。

Answer 1

尝试

$(document).on('click', '.toggleAll', function(){
    $('.pp, .coat, .heart-wrap, .comment-wrap, .check-wrap, .grip .btn').slideToggle('fast');
});

Answer 2

我在您网站的代码中看不到此代码：

$('.toggleAll').on('click',function(){
    $('.pp, .coat, .heart-wrap, .comment-wrap, .check-wrap, .grip .btn').slideToggle('fast');
});

我在控制台中运行了这个，显示/隐藏按钮开始正常工作。