2017-10-16 12 views
0

ブートストラップを使用してサイドメニューを実装しましたが、正常に動作します。次のように のHTMLコード: ajaxロードブートストラップメニューを有効にする方法

私はこの部分をロードするために、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>
は、それが動作することはできません。 ブラウザに「メインメニュー」が表示されますが、展開することはできません。私はそのHTMLに問題がないことをソースを調べます。

htmlがロードされた後にブートストラップが初期化を行う必要があるので、静的コンテンツは正常に動作しますが、ajaxロードメソッドの場合、この部分は初期化されません。

しかし、どのAPIを使用できるか分かりませんが、誰かがそれについていくつかのサポートやガイドラインを与えることができますか?

ありがとう

+0

「この部分をロードするためにajaxメソッドを使用するように変更すると、うまく動作しません」...そのコードを表示し、問題やエラーメッセージを説明してください。その後、試して修正することができます。見えないものは修正できません。しかし、あなたの後のコメントに応じて、ブートストラップのメニュー機能がブートストラップJSファイルのいくつかのjavascriptに依存する場合、ajaxの後にbootstrap.jsを含めるのを待っていない限り、完了する。しかし、なぜあなたはajax経由でメニューをロードしたいのですか?奇妙な要求に見えます。 – ADyson

答えて

0

この問題は解決しました。 私は間違いを犯しました。私はテンプレート "gentelella"からメニューコードをコピーします。それはブートストラップの性質メニューの実装ではないことがわかります。

独自のメニューインプリメンテーションコードがあり、ビルド/ js/customer.jsでinit_sidebar()が見つかったので、アップデートメニューの後にこのルーチンを呼び出す必要があります。

関連する問題