Javascript 尝试与任何按钮交互时，子菜单将隐藏

我正在我的网站上使用Bootstrap3下拉菜单。下面的代码工作正常，问题是当我单击或尝试与class=“dropdown menu”中的任何元素交互时，子菜单会隐藏

示例如果我单击class=“dropdown menu”整个子菜单项中的任何按钮

下面是代码

<li class="header-request dropdown">
  <a href="#" class="dropdown-toggle sr-only" id="request-dropdown" data-toggle="dropdown"></a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="request-dropdown">
    <div class="col-md-0 media-header bold">Friend Request</div>
    <div class="scroll">
    <?php
    $session_id = GET_SESSION_ID_VALUE(ENCRYPTION_KEY);
    $sql = "SELECT * FROM requests WHERE request_to='$session_id' LIMIT 10";
    $query = $db->SELECT($sql);
    if($db->NUM_ROWS() > 0){
      $rows = $db->FETCH_OBJECT();
      foreach($rows as $row){
        $request_id = $row->request_id;
        $request_from = $row->request_from;
    ?>
    <div class="row pad0" id="header-request-ID-<?php echo $request_id; ?>">
      <div class="col-md-6 name"><a href="/<?php echo get_username_by_id($request_from); ?>"><?php echo get_name_by_ID($request_from); ?></a></div>
      <div class="col-md-6 buttons">
        <button type="button" class="btn btn-success">Confirm</button>
        <button type="button" class="btn btn-danger btn-remove-request" data-ajax="header-remove-request" data-id="<?php echo $profile_hash; ?>">Reject</button>
      </div>
    </div>
    <?php
      }
    }
    ?>
    </div>
  </ul>
</li>

好友请求
好的，我们可以用JavaScript解决这个问题。这是我网站上的工作代码：

$('.dropdown-menu').click(function(){
    return false;
});

试试看

在这里工作-

由于您的问题似乎没有链接到
mysql
或
php
，因此有一个示例可以说明您下拉列表中的
html
代码是什么样子的，这可能很有趣。。。
$('.dropdown-menu input,.dropdown-menu button').click(function(e) {
  e.stopPropagation();
});