當試圖與任何按鈕進行交互時，子菜單會隱藏

我在我的網站上使用引導程序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

當試圖與任何按鈕進行交互時，子菜單會隱藏

回答

相關問題