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

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

單擊外部時(shí)關(guān)閉下拉菜單

單擊外部時(shí)關(guān)閉下拉菜單

有只小跳蛙 2022-01-20 18:45:42
https://ataqfuel.com/pages/home-page-v2我試圖讓按鈕 2 和 3 在單擊下拉菜單外部時(shí)像按鈕 1 一樣關(guān)閉。我嘗試將 myFunction1 代碼添加到 myFunction2 和 myFunction3 代碼,但我不確定我是否搞砸了命名,或者是因?yàn)樗邢吕藛味纪V惯\(yùn)行而導(dǎo)致的。function myFunction1() {  document.getElementById("myDropdown1").classList.toggle("show");  document.getElementById("myDropdown1").addEventListener('click', function(event) {    event.stopPropagation();  });}window.onclick = function(event) {  if (!event.target.matches('.dropbtn1')) {    var dropdowns = document.getElementsByClassName("dropdown-content1");    var i;    for (i = 0; i < dropdowns.length; i++) {      var openDropdown = dropdowns[i];      if (openDropdown.classList.contains('show')) {        openDropdown.classList.remove('show');      }    }  }}document.getElementById("dropbtn1").addEventListener('click', function(event) {  event.stopPropagation();});function myFunction2() {  document.getElementById("myDropdown2").classList.toggle("show");}window.onclick = function(event) {  if (!event.target.matches('.dropbtn2')) {    var dropdowns = document.getElementsByClassName("dropdown-content2");    var i;    for (i = 0; i < dropdowns.length; i++) {      var openDropdown = dropdowns[i];      if (openDropdown.classList.contains('show')) {        openDropdown.classList.remove('show');      }    }  }}function myFunction3() {  document.getElementById("myDropdown3").classList.toggle("show");}window.onclick = function(event) {  if (!event.target.matches('.dropbtn3')) {    var dropdowns = document.getElementsByClassName("dropdown-content3");    var i;    for (i = 0; i < dropdowns.length; i++) {      var openDropdown = dropdowns[i];      if (openDropdown.classList.contains('show')) {        openDropdown.classList.remove('show');      }    }  }}
查看完整描述

2 回答

?
婷婷同學(xué)_

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

您可以為此使用全屏寬度和高度固定背景。在背景后點(diǎn)擊關(guān)閉菜單。它應(yīng)該是這樣的:


jQuery(".backdrop").click(function(){

  jQuery("#menu").toggleClass("open");

});


查看完整回答
反對(duì) 回復(fù) 2022-01-20
?
慕的地6264312

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

   $('.moderate .button').on('click', (event) => {

  $(event.target).siblings('.dropdown')

    .toggleClass('is-open');

});


$(document).click(function(e) {

  $('.moderate')

    .not($('.moderate').has($(e.target)))

    .children('.dropdown')

    .removeClass('is-open');

});


    <link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4.0/css/bulma.css" rel="stylesheet" />


<script

  src="https://code.jquery.com/jquery-3.2.1.min.js"

  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="

  crossorigin="anonymous"></script>


<style>

.dropdown {

  box-shadow: 0 0 2px #777;

  display: none;

  left: 0;

  position: absolute;

  padding: 2px;

  z-index: 10;

}


.dropdown a {

  font-size: 12px;

  padding: 4px;

}


.dropdown.is-open {

  display: block;

}

</style>



<div class="control moderate">

  <button class="button is-small" type="button">

        moderate

      </button>


  <div class="box dropdown">

    <ul>

      <li><a class="nav-item">edit</a></li>

      <li><a class="nav-item">delete</a></li>

      <li><a class="nav-item">block user</a>   </li>

    </ul>

  </div>

</div>



<div class="control moderate">

  <button class="button is-small" type="button">

        moderate

      </button>


  <div class="box dropdown">

    <ul>

      <li><a class="nav-item">edit</a></li>

      <li><a class="nav-item">delete</a></li>

      <li><a class="nav-item">block user</a></li>

    </ul>

  </div>

</div>


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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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