首頁猿問隱藏下拉菜單 OnClick

隱藏下拉菜單 OnClick

JavaScript

GCT1015 2022-12-22 15:30:42

我有一個下拉菜單，其中一個選項執行 Ajax 以在另一個 Div 中顯示數據。單擊此選項時，我想隱藏下拉菜單（關閉它）。<div class="dropdown"> <a href="#" class="btn btn-floating" data-toggle="dropdown"> <i class="ti-more-alt"></i> </a> <div class="dropdown-menu dropdown-menu-right" > <a href="#" class="dropdown-item" data-sidebar-target="#view-detail" onclick="return onclickFunction('<?php echo $master_repository_id ?>');">View Folder Details</a> <a href="#" class="dropdown-item">Share Folder via Email</a> <a href="#" class="dropdown-item">Rename Folder</a> <a href="#" class="dropdown-item">Delete Folder</a> </div> </div>我試過下面我在網上找到的，但它似乎沒有關閉菜單：// hide the menu when an example is clicked$(".dropdown-item").on("click", function(){ $(".dropdown-menu").hide(); });

查看完整描述

3 回答

皈依舞

TA貢獻1851條經驗獲得超3個贊

$( document ).ready(function() {

debugger;

var ele=$(".dropdown-content");

$(".dropdown-content a").click(function(){

if(this.innerText=="Link 2"){

$(".dropdown-content").hide();

$(".dropbtn").hide();

}

});

.dropbtn {

background-color: #4CAF50;

color: white;

padding: 16px;

font-size: 16px;

border: none;

cursor: pointer;

}

.dropdown {

position: relative;

display: inline-block;

}

.dropdown-content {

display: none;

position: absolute;

background-color: #f9f9f9;

min-width: 160px;

box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

z-index: 1;

}

.dropdown-content a {

color: black;

padding: 12px 16px;

text-decoration: none;

display: block;

}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {

display: block;

}

.dropdown:hover .dropbtn {

background-color: #3e8e41;

}

<h2>Dropdown Menu</h2>

<p>Move the mouse over the button to open the dropdown menu.</p>

<button class="dropbtn">Dropdown</button>

</div>

你像這樣隱藏一個下拉菜單，如果你想顯示只需添加顯示功能。

反對回復 2022-12-22

烙印99

TA貢獻1829條經驗獲得超13個贊

試試這個切換方法應該有效

how/hide menu

</a>

function handleClick(){

$(".dropdown-menu").toggle();

}

請參考此鏈接以獲取運行示例：

https://playcode.io/647558/

反對回復 2022-12-22

catspeake

TA貢獻1111條經驗獲得超0個贊

只需從下拉列表中刪除類“顯示”：

// hide the menu when an example is clicked

$(".dropdown-item").on("click", function(el){

$(el.target).parents(".dropdown").removeClass("show");

});

反對回復 2022-12-22

3 回答
0 關注
100 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

隱藏下拉菜單 OnClick

隱藏下拉菜單 OnClick

3 回答

添加回答