рельсы timelinejs не загружены должным образом внутри вкладки бутстрапа

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); 

Этот обходной путь работал для меня. Возможно, вам потребуется увеличить таймер.