第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

隱藏下拉菜單 OnClick

隱藏下拉菜單 OnClick

GCT1015 2022-12-22 15:30:42
我有一個(gè)下拉菜單,其中一個(gè)選項(xiàng)執(zhí)行 Ajax 以在另一個(gè) Div 中顯示數(shù)據(jù)。單擊此選項(xiàng)時(shí),我想隱藏下拉菜單(關(guān)閉它)。<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>我試過下面我在網(wǎng)上找到的,但它似乎沒有關(guān)閉菜單:// hide the menu when an example is clicked$(".dropdown-item").on("click", function(){    $(".dropdown-menu").hide(); });
查看完整描述

3 回答

?
皈依舞

TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超3個(gè)贊

$( 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;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<h2>Dropdown Menu</h2>

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


<div class="dropdown">

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

  <div class="dropdown-content">

  <a href="#">Link 1</a>

  <a href="#">Link 2</a>

  <a href="#">Link 3</a>

  </div>

</div>


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


查看完整回答
反對(duì) 回復(fù) 2022-12-22
?
烙印99

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超13個(gè)贊

試試這個(gè)切換方法應(yīng)該有效


<a href="#" onclick="handleClick()"  class="btn btn-floating" data-toggle="dropdown">

    how/hide menu

</a>


function handleClick(){

    

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

    

}

請(qǐng)參考此鏈接以獲取運(yùn)行示例:


https://playcode.io/647558/


查看完整回答
反對(duì) 回復(fù) 2022-12-22
?
catspeake

TA貢獻(xiàn)1111條經(jīng)驗(yàn) 獲得超0個(gè)贊

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


// hide the menu when an example is clicked

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

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

});


查看完整回答
反對(duì) 回復(fù) 2022-12-22
  • 3 回答
  • 0 關(guān)注
  • 104 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)