rails timestjs未在bootstrap选项卡中正确加载

Question

我已将时间轴编码（跟https://github.com/NUKnightLab/TimelineJS）放在引导标签中， 如果它被放置在第一个标签（活动标签）中，它被正确加载，但如果它被放置在其余标签中未正确加载，我已放入第六个标签

请帮我做什么

这是我的代码

<div class="tab-pane " id="tab6">
<script>
    $(document).ready(function() {
      createStoryJS({
            type:       'timeline',
            width:      '600',
            height:     '700',
            source:     '<%= @orbituarysite.id %>',
            embed_id:   'my-timeline'
        });
    });
</script>

 <div id="my-timeline"></div>
 </div>

如果我调整窗口大小或打开浏览器控制台正确加载

我尝试激活此选项卡，并在页面末尾隐藏并使用jquery显示，但它没有用

请建议我一个解决方案。

Answer 1

此问题目前在TimelineJS项目中存在一个未解决的问题：https://github.com/NUKnightLab/TimelineJS/issues/496

引用@gregorleban：

  

有同样的问题。你必须确保标签之前是可见的   你调用createStoryJS。最好是拥有类似的东西：

setTimeout(function () {
    createStorylineJS();
    // make sure we create a storyline after the ui has actually updated and the sizes of the controls will be right
}, 100);

这个解决方法对我有用。您可能需要增加计时器。