如何啓用ajax加載引導程序菜單

我用bootstrap實現了一個側面菜單，它工作正常。的html代碼如下：如何啓用ajax加載引導程序菜單

<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可以使用，有人可以給一些支持或指導嗎？

謝謝

來源

2017-10-16 chengweikun

「當我更改爲使用ajax方法加載此部分時，它無法工作」...請向我們顯示該代碼，並解釋您遇到的問題和/或錯誤消息。然後我們可以嘗試修復它。我們無法解決我們看不到的問題。但是爲了迴應你以後的評論，如果bootstrap中的菜單功能取決於引導JS文件中的一些javascript，那麼當你通過ajax加載它時你會遇到問題，除非你等到包括bootstrap.js到ajax之後完成。但是，爲什麼要通過ajax加載菜單？似乎有一個奇怪的要求。 – ADyson

此問題已解決。我犯了一個錯誤，我從模板「gentelella」複製菜單代碼，我發現它不是自舉菜單實現。

它有自己的菜單實現代碼，我在build/js/customer.js找到init_sidebar（），它需要在更新菜單後調用這個例程。

來源

2017-10-16 13:26:41 chengweikun

如何啓用ajax加載引導程序菜單

回答

相關問題