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

Question

• 我有一个<ul class="dropdown-menu">
• 它的一个子 <li> 包含另一个 <ul class="dropdown-menu">
• 据我了解，在 <ul> 内部单击会将父 <ul> 切换到关闭状态，将其关闭，从而防止单击子类别。

只需要修复以保持<ul> 处于打开状态，直到单击它所嵌套的特定<li>。

---

[JSFIDDLE 演示][1]

---

谢谢

---

UPD：我试图实现的是（曾经）使用手风琴更好地实现。

Answer 1

您的 jsfiddle 无法正常工作，但方法是使用 preventDefault();

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

您应该将要保持打开的“ul”标签的类命名为“.stayopen”之类的名称，并在 js 函数中使用该类而不是“.dropdown-menu”，否则所有下拉菜单都将保持打开状态。