Bootstrap：如何打开下拉菜单以在嵌套下拉列表中单击？

Question

• 我有<ul class="dropdown-menu">
• 其中一个孩子<li>包含另一个<ul class="dropdown-menu">
• 根据我的理解，点击<ul>内部将父<ul>切换为关闭状态，然后关闭它，这会阻止点击子类别。

只需要一个修复程序即可让<ul>保持打开状态，直到点击嵌套它的特定<li>为止。

---

[JSFIDDLE DEMO] [1]

---

由于

---

UPD：我试图用手风琴来实现更好的目标。

Answer 1

你的jsfiddle没有正常工作，但是这样做的方法是使用preventDefault（）;

$(document).on("click", ".dropdown-menu", function(e) {
  e.preventDefault();
});

你应该为你想要保持打开的'ul'标签的类命名为“.stayopen”并在js函数中使用该类而不是“.dropdown-menu”，否则你的所有下拉列表都将保持打开状态。< / p>