Javascript 同位素，电池焦炉布局未启动

我正在制作我的作品集，并希望使用这个分割屏幕布局，其中包含同位素网格作为内容。 我使用cellsbyRow布局，这是同位素的另一个插件，但由于某些原因，它不起作用
我的控制台上没有显示任何问题，也许同位素不适用于拆分布局

.panel-container {
  display: flex;
  flex-direction: row;
  border: 1px solid silver;
  overflow: hidden;
  /* avoid browser level touch actions */
  xtouch-action: none;
}

你知道会出什么问题吗？
这是我的JSFIDLE：

---

非常感谢你的帮助

同位素.pkgd.js中不包括cellsByRow布局模式，必须单独安装。明白了

---

编辑：我刚刚查看了控制台，我看到

无布局模式：cellsByRow

，因此脚本未加载，因此无法工作。

cellsByRow布局模式未包含在同位素.pkgd.js中，必须单独安装。明白了

---

编辑：我只是看了一下控制台，看到了

无布局模式：cellsByRow

，因此脚本没有加载，因此无法工作。

它已经包含在内。但还是不行。当我将它从splitscreen div中取出时，它确实起作用。但是我如何让它在内部工作呢？它没有加载到JSFIDLE中，因此控制台输出

无布局模式：cellsByRow

。链接到的cellsByRow.js脚本没有加载到JSFIDDLE中。我更改了布局模式，因此不需要cellsByRow脚本。但它甚至不加载其他布局模式。看来同位素不起作用了。但它是在右边启动的，因为如果我把它从divs面板容器中取出，然后在面板左边，它就可以工作了。但是我如何让它在这些容器中工作，以便网格可以在我的面板中。请尝试在

layoutMode:'vertical'

之后使用ab extra“}”。把它取下来，它就会工作。我现在把它处理得很顺利。增加了resize:function（）{$grid.isotophet&&$grid.isotophet（'layout'）；在$（“.panel left”）。resize（{handleSelector:'e'，minWidth:'10%”，resizeHeight:false，resize:function（）{$grid.isotophet&&$grid.isotophet（'layout'）；}）；因此，它会重新加载布局并在每次调整左侧面板的大小时进行调整。感谢您的帮助！它已经包含在内。但仍然不起作用。当我将它从splitscreen divs中取出时，它确实起作用。但是我如何让它在内部工作呢？它不会加载到JSFIDLE中，因此控制台输出

无布局模式：cellsByRow

。cellsByRow.js链接到的脚本没有加载到JSFIDDLE中。我更改了布局模式，所以我不需要cellsByRow脚本。但它甚至不加载其他布局模式。看起来同位素不起作用。但它是在右侧启动的，因为如果我将其从divs面板容器中取出并在面板左侧运行，它就可以工作。但是如何让它在tho中工作呢se容器，以便网格可以在我的面板中。请尝试在

layoutMode:'vertical'

之后使用ab extra“}”。把它取下来，它就会工作。我现在把它处理得很顺利。增加了resize:function（）{$grid.isotophet&&$grid.isotophet（'layout'）；在$（“.panel left”）。resize（{handleSelector:'e'，minWidth:'10%”，resizeHeight:false，resize:function（）{$grid.isotophet&&$grid.isotophet（'layout'）；}）；因此，每次调整左侧面板的大小时，它都会重新加载布局并进行调整。感谢您的帮助！