为什么这个Javascript文件停止工作（在Wordpress中）？

Question

我有这个小功能，可以在Bootstrap标签激活时重新加载同位素布局（取自this question）

jQuery(document).ready(function($){
    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    alert("Somethings happening");
    $('.b5-file-manager.b5-list').isotope('layout');
    });
});

最初这个解决方案并不适用于我，但在使用几个不同的选择器来缩小我的目标范围（并尝试确保没有任何有趣的事情发生）后，这开始起作用。我删除了警报，因为我的脚本现在正在运行，但随后layout停止了。

这在WordPress子主题中使用，但在子主题functions.php中正确排队，并在页面中加载OK。我认为这可能与脚本在工作时加载时有关。我在这里有一个示例页面in my test build（对不起，我知道这不是一个很好的SO练习，但它是看待它的最佳动作）

感谢您的帮助。

Answer 1

$可能存在一些错误。

用IIFE语法包装代码：

(function($){
    //put all code here
})(jQuery);

Answer 2

标签周围的引号可能会导致问题。试试这个：

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {