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

Question

我正在为 Instagram feed 中的图像创建一个简单的显示/隐藏所有切换按钮。它在 fiddle 中工作正常，但是当我将相同的代码放在我的服务器上时，没有任何效果。谁能帮我解决为什么这不起作用。

这是 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');
});