Меню навигации при начальной загрузке не прокручивается и не прикрепляется после загрузки jQuery

Question

Я использую jQuery, чтобы очистить div, а затем загрузить страницу php в опустошенный div:

$("#main-container").empty();
$("#main-container").load("blog.php");

Все работает, кроме навигационного навигационного меню на стороне Bootstrap (включенного в blog.php), которое прикрепляется и прокручивается, как задумано, при объединении в одну статическую HTML-страницу, но не при разделении и загрузке с использованием JS, как описано.

HTML:

<div class="col-md-offset-10 col-md-2">
  <ul class="nav nav-pills nav-stacked" id="navmenu-side" data-spy="affix" data-offset-top="400">
    <h3>Categories</h3>
    <li><a href="#section1">All</a></li>
    <li><a href="#section2">Category 1</a></li>
    <li><a href="#section3">Category 2</a></li>
    <li><a href="#section3">Category 3</a></li>
  </ul>
</div>

CSS:

#navmenu-side.affix {
  position: fixed;
  top: 200px;
  width: 100%;
  z-index: 10;
}
#navmenu-side.affix-bottom {
  position: absolute;
  width: 100%;
}

Я предполагаю, что это может быть результатом событий Bootstrap, которые запускаются исходной загрузкой страницы /DOM, но не запускаются после загрузки jQuery. Как сделать прокрутку / аффикс бокового навигационного меню Bootstrap после его загрузки на страницу с помощью метода загрузки jQuery?

Answer 1

Попробуйте добавить это

$("#main-container").load("blog.php", function () {
  $('#myAffix').affix('checkPosition');
});