0

我isotope用来对齐一组divs放置在引导选项卡中的东西。该选项卡通过 动态填充backbone view。

这是视图填充选项卡之前的代码：

  <div class="tab-pane" id="program">
  </div>

然后没有要对齐的div。视图填充选项卡后，元素将如下所示：

<div class="tab-pane" id="program">
    <div class="badge">
      aleatory content here
    </div>
    <div class="badge">
      aleatory content here
    </div>
    <div class="badge">
      aleatory content here
    </div>
    ...
</div>

该选项卡将被呈现，但默认情况下将显示另一个选项卡。因此，要查看#program我的内容，必须单击tab打开我的div#program.

所以，如果我在渲染后运行这段代码div#program：

this.$('#program div.muse-events').isotope({
      itemSelector  : 'div.badge'
      ,layoutMode   : 'fitRows'
});

我得到的是一个EMPTY TAB。我个人认为这是因为缺少一些参考，并且isotope只删除了中的元素div#program而不处理div#badge.

如果我想得到我想要的，我必须仅在单击选项卡时调用上面的代码段（因此div#program显示而不隐藏）。

所以，两个问题：

  1. 这是为什么？在有人明确请求之前，可能会从 DOM 中删除该选项卡吗？
  2. 在这种情况下，最佳做法是什么？单击正确的选项卡时可以调用该命令吗？当我打电话给 my 时，我可以以某种方式运行它View.render吗？它在语义上可能更正确

谢谢

4

0 回答 0