Javascript 如何使这个网格工作

我购买了一个html5主题，我正在为我的教会网站定制。它有两个很酷的功能：

允许在一个页面上显示多个项目的选项卡脚本

一个网格，可以让我以整洁有序的方式展示一系列布道

单独使用时，这两种方法都能很好地发挥作用，但当我尝试在选项卡内使用网格时，没有骰子。 我是一名设计人员，对Javascript函数知之甚少，需要帮助。这是一位没有和我一起回来的开发者说的：

“网格函数是为在页面加载时运行而构建的，当您将其放入选项卡时，它不会在页面加载时初始化，因此在更改选项卡时不工作。需要为此构建自定义函数，以便在选项卡更改时运行网格。例如：”

我不知道在哪里添加这个，甚至不知道是否需要添加其他内容。我还附加了一个链接，您可以从中下载我的代码（html/php和.js文件），这样您就可以看到发生了什么。任何帮助都将不胜感激。记住，我对Javascript知之甚少

---

您可以尝试以下操作：在init.js中添加以下内容：

$(".nav-tabs li").click(function(e){
   e.preventDefault();
   ADORE.IsoTope(); 
});

e、 g.在

var ADORE=window.ADORE | |{}之后的第一行中

正如您提到的，您对javascript了解不多：第一行以

jQuery(function($){ ...

这将考虑在加载jQuery时执行
{
中的所有内容。

我不确定是否有必要使用
e.preventDefault（）；
，例如，这用于防止链接被执行，并将不同的函数附加到
click（）
事件，因此，单击选项卡时同位素可能正在工作，但选项卡不再工作

如果这不起作用，您可以使用web开发工具检查是否存在任何脚本错误。如果您不熟悉web开发工具，请在此处查找Firefox的详细信息；在此处查找Chrome的详细信息：
添加：

$(".nav-tabs li a").click(function(e){
        $('a[href="' + $(this).attr('href') + '"]').tab('show');
        var IsoTopeCont = $(".isotope-grid");
            IsoTopeCont.isotope({
                itemSelector: ".grid-item",
                layoutMode: 'sloppyMasonry'
        });
    });

在你的init.js的第469行，它应该对你有用。谢谢
我认为它有效…我在Safari上测试了它一分钟，但在刷新时它停止工作，在Chrome或Firefox上不起作用。这是我更新的js文件。有什么建议吗。我也使用了Chrome控制台，在init.js文件中发现的唯一错误是：if（$（body）.hasClass（无接触）和$（window）.width（）>992）{。我想这和响应性布局有关，而和标签无关。好的，还有一个问题。当我点击标签1时，它不会返回到它。例如，若我点击标签2，并尝试返回到标签1，它会停留在标签2上。否则，它会工作。好的，我让标签工作，这是标签id的不匹配。我在导航选项卡div和第一个选项卡内容div上的1。它找不到它。
$(".nav-tabs li a").click(function(e){
        $('a[href="' + $(this).attr('href') + '"]').tab('show');
        var IsoTopeCont = $(".isotope-grid");
            IsoTopeCont.isotope({
                itemSelector: ".grid-item",
                layoutMode: 'sloppyMasonry'
        });
    });