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

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中加载。我认为这可能与脚本在运行时加载有关。我这里有一个示例页面在我的测试构建中 (对不起，我知道这不太好，所以练习，但它是最好的地方看到它的行动)

谢谢你的帮助。

Answer 1

$可能有一些错误。

用IIFE语法包装您的代码：

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

Answer 2

选项卡周围的引号可能导致了问题。试试这个：

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