为什么这个 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) {