В моем шаблоне Rails View я использую некоторые jQuery для функциональности панелей с вкладками:

<section>
... content ommitted
</section>
<script>
$(document).ready(function () {
  $('.accordion-tabs-minimal').each(function(index) {
     $(this).children('li').first().children('a').addClass('is-active').next().addClass('is-open').show();
  });

  $('.accordion-tabs-minimal').on('click', 'li > a', function(event) {
     if (!$(this).hasClass('is-active')) {
      event.preventDefault();
      var accordionTabs = $(this).closest('.accordion-tabs-minimal')
      accordionTabs.find('.is-open').removeClass('is-open').hide();

      $(this).next().toggleClass('is-open').toggle();
      accordionTabs.find('.is-active').removeClass('is-active');
      $(this).addClass('is-active');
     } else {
      event.preventDefault();
    }
  });
});
</script>

Поскольку я также использую этот скрипт в других шаблонах View и хочу немного лучше организовать свой Javascript, я создал файл Javascript (tabbed_panels.js) в app / assets / javascripts и переместил указанный выше скрипт в tabbed_panels.js. файл.

Однако теперь панели на моей странице не имеют содержимого при первой загрузке страницы. Только при обновлении страницы панели загружаются содержимым.

Кто-то имеет представление о том, что происходит и как это можно решить, так что мои панели с вкладками имеют контент при первой загрузке страницы?

Спасибо за вашу помощь,

Энтони