Bootstrap не прокручивается/проставлять после 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 scroll/affix после его загрузки на страницу с использованием метода загрузки jQuery?

Answer 1

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

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