動的に追加されたサブメニューはトグルしません - ブートストラップ

Question

[OK]を、私はこの時点で本当に必死です。私は、元のブートストラップのドロップダウンメニューのサブメニューを作成しました：

<ul class="nav navbar-nav"> 
    <li class="dropdown"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
     Dropdown 
     </a> 
     <ul class="dropdown-menu"> 
     <li class="dropdown-submenu"> 
      <a href="#">Open submenu ></a> 
      <ul class="dropdown-menu"> 
      <li> 
       <a href="#">Submenu link</a> 
      </li> 
      </ul> 
     </li> <!--/.dropdown-submenu --> 
     </ul> 
    </li> <!--/.dropdown --> 
    </ul> <!--/.navbar-nav --> 

http://codepen.io/Deka87/pen/ORyRLd

予想通り、私は動的に別のサブメニューを追加しようまでそれはに動作します。 Codepenの例で「別のメニューを追加」をクリックしてください。これでメニューが追加されますが、を切り替えることはできません。代わりに、現在の親メニューを閉じるだけで、それはそれになります。

いずれのアイデアも高く評価されます。

Answer 1

項目が動的に生成されているので、あなたは、男素晴らしいです、それはクリックイベントに

$(".navbar").on("click", ".dropdown-submenu > a", function(){ 
.... 
.... 
});