为什么这个 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 中正确排入队列，并且在页面中加载正常。我认为这可能与脚本在工作时加载有关。我在这里有一个示例页面in my test build（对不起，我知道这不是很好的做法，但它是查看它的最佳位置）

感谢您的帮助。

Answer 1

$ 可能有一些错误。

用 IIFE 语法包装你的代码：

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

Answer 2

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

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