2017-12-28 18 views
0

私はこのようなダウンメニューネストされたドロップを作成しました。私はドロップダウンボタンをクリックして、ダウン他のドロップをクリックしたときに、私のスタイルでネストされた複数のドロップダウンメニューブートストラップ

<li class="dropdown-submenu"> 
    <a class="test" tabindex="-1" href="#">Products <span class="caret"> 
</span></a> 
    <ul class="dropdown-menu"> 
     <li class="dropdown-submenu"> 
     <a class="test" href="#">Women <span class="caret"></span></a> 
     <ul class="dropdown-menu"> 
      <li><a href="#">Blouse</a></li> 
      <li><a href="#">Sweater</a></li> 
     </ul> 
      ... 
     </li> 
    </ul> 
</li> 

.dropdown-submenu { 
    position: relative;} 

.dropdown-submenu .dropdown-menu { 
    top: 0; 
    left: 100%; 
    margin-top: -1px;} 

しかし、以前のものはありません近く、そのためには、オーバーラップを続けるん。リストを閉じるにはどうすればいいですか?

答えて

0

あなたが試すことができる1つのことは、体の他の場所のどこにいてもユーザを "クリック"するためにjQueryを使用することです。

$("body").trigger("click"); 
関連する問題