防止單擊Bootstrap下拉菜單

Question

之前已經問過好幾次了，但是我找不到合適的解決方案。 我使用以下代碼在懸停時切換導航欄下拉菜單：

$(".nav .dropdown").hover(function() {
  $(this).find(".dropdown-toggle").dropdown("toggle");
});

效果很好。 但是，單擊.dropdown-toggle按鈕也可以切換菜單，我想避免這種情況。 關於代碼有什么建議嗎？

Answer 1

只需在此處停止傳播：

$('.dropdown-toggle').click(function(event){
     event.stopPropagation();
 });