Javascript 下拉子菜单不会保持打开状态

我试图使我的下拉列表只打开点击。目前，我可以单击打开下拉列表，但是当我将鼠标移动到子菜单或子菜单消失的任何其他位置时

我试过使用e.stopPropagation，但没有成功

有没有CSS或Javascript解决方案可以帮助我

HTML

---

我不认为jquery是有效的语法。尝试此操作可在单击时触发函数

$('#myUlList').on("click", function(e) {
        e.stopPropagation();
    });
$('#myDropdown').on("click", function(e) {
        e.stopPropagation();
    });

使用

...

@j08691是的，如果您使用bootstrap的示例。保持打开状态是

nav

菜单的默认行为。我会将它们的示例与您的代码进行比较，以查看是否存在任何差异。

$('#myUlList').on({
    "click":function(e){
        e.stopPropagation();
    }
});
$('#myDropdown').on({
    "click": function (e) {
       e.stopPropagation();
    }
});

$('#myUlList').on("click", function(e) {
        e.stopPropagation();
    });
$('#myDropdown').on("click", function(e) {
        e.stopPropagation();
    });

<div class="container">
  <ul class="nav navbar-nav" id="myUlList">
    <li id="search-box" class="dropdown dropdown-search">
      <a class="dropdown-toggle menu-anchor" data-toggle="dropdown" href="#">
         <i class="dropdown-search-icon glyphicon icon-search2"></i> Search Grants
      </a>
      <div id="myDropDown" class="dropdown-menu">
        ...
      </div>
    </li>
  </ul>
</div>