Как включить загрузочное меню AJAX

Question

Я использовал bootstrap для реализации бокового меню, и оно отлично работает. HTML-код следующим образом:

<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
    <div class="menu_section">
        <ul class="nav side-menu">
            <li><a><i class="fa fa-home"></i> Main menu <span class="fa fa-chevron-down"></span></a>
                <ul class="nav child_menu">
                    <li><a href="http://localhost/admin/home">Home</a></li>
                    <li><a href="http://localhost/admin/admins/1/own_profiles">profile</a></li>
                    <li><a href="http://localhost/admin/admins/1/approve_requests?type=send">My request </a></li>
                </ul>
             </li>
        </ul>
    </div>
</div>

Когда я перехожу на использование метода ajax для загрузки этой части, он не может работать. Я вижу "Главное меню" в браузере, но оно не может быть расширено. Я проверяю источник, нет никаких проблем в его HTML.

Я предполагаю, что bootstrap должен выполнить некоторую инициализацию после загрузки html, поэтому статический контент работает нормально, но для метода загрузки ajax эта часть не инициализируется, что является возможной причиной.

Но я не знаю, какой API можно использовать, кто-нибудь может дать некоторую поддержку или рекомендации для этого?

Спасибо

Answer 1

Эта проблема решена. Я сделал ошибку, я копирую код меню из шаблона "gentelella" и обнаружил, что это не реализация меню начальной загрузки.

У него есть собственный код реализации меню, и я нахожу init_sidebar() в build/js/customer.js, он должен вызывать эту процедуру после обновления меню.