当试图与任何按钮进行交互时，子菜单会隐藏

我在我的网站上使用引导程序3下拉菜单。下面的代码工作正常，问题是，当我点击或尝试与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>

来源

2014-03-01 user3140617

为您的问题似乎不被链接到'mysql'或' php'，可能会有一个有趣的例子，说明你的下拉菜单的'html'代码是什么样的。 – MamaWalter

你可以提供http://www.bootply.com或http://jsfiddle.net/为它... – Abhineet

试试吧....

工作这里 - http://www.bootply.com/117795

$('.dropdown-menu input,.dropdown-menu button').click(function(e) { 
    e.stopPropagation(); 
});

来源

2014-03-01 06:52:03 Abhineet

好的代码，能够使用JavaScript来解决这个问题。这是在我的网站的工作代码：

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

来源

2014-03-01 06:38:11 user3140617

当试图与任何按钮进行交互时，子菜单会隐藏

回答

相关问题