下拉菜單 - 防止點擊時關閉

Question

$(".dropdown").on('click',function() { 
     $('ul li a').toggle(''); 
}); 

$('.dropdown > ul li a').click(function(e) { 
     e.stopPropagation(); 
}); 

如果我點擊下拉菜單中的鏈接，頁面會加載內容並關閉下拉鍊接。

但我希望能夠在點擊後看到下拉菜單中的鏈接。

   <ul id="main-menu" class="main-menu"> 
        <li><a href="..."></a></li> 
        <li><a href="..."></a></li> 
        <li><a href="..."></a></li> 
        <li class="dropdown"> 
         <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
         <i class="fa fa-newspaper-o"></i> 
         <span class="title">News</span></a> 

         <ul id="main-menu" class="sub-menu main-menu"> 
          <li> 
           <a href="<?= site_url('admin/news') ?>"> 
           <i class="fa fa-newspaper-o"></i> 
           <span class="title">News</span> 
           </a>  
          </li> 
         </ul> 
        </li> 
       </ul> 

Answer 1

$(".dropdown, .dropdown-toggle").on('click', function (e) { 
    e.preventDefault() 
    $('ul li a').toggle(''); 
}); 

$('.dropdown > ul li a').click(function (e) { 
    e.stopPropagation(); 
});