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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

當我將鼠標懸停在另一行上時,如何在表格中隱藏引導下拉菜單?

當我將鼠標懸停在另一行上時,如何在表格中隱藏引導下拉菜單?

一只斗牛犬 2022-11-27 17:10:35
我有一個表格,其中每一行的下拉列表中都有選項。當我點擊選項時,下拉菜單打開(應用顯示類)。當我在下拉菜單打開時將鼠標懸停在其他行上時,它會消失(盡管顯示類保留),當我將鼠標懸停在現有行上時,它會再次出現。我想做以下兩件事中的任何一件:即使我將鼠標懸停在該特定行之外,下拉菜單也不應該消失。一旦我將鼠標懸停在行外,下拉菜單就會關閉。我試過這段代碼但失敗了:$('#people-area-list tr').on('mouseleave', function () {    var x = $(this).children('.action-btns .dropdown');    x.removeClass('show');});HTML 是:<div class="dropdown">    <a href="#" id="edit-submenu" data-toggle="dropdown">Options</a>    <div class="dropdown-menu" aria-labelledby="edit-submenu">        <a onclick="managePermission()" href="javascript:void(0);">Manage permissions</a>        <a href="#">Reset password</a>        <a href="#" onclick="deleteModal(@userId,' @fullName ')">Delete User</a>    </div></div>
查看完整描述

1 回答

?
慕沐林林

TA貢獻2016條經驗 獲得超9個贊

   <tr class="leave">

     <td>...<td> 

     <td>

        <div class="dropdown">

           <a href="#" data-toggle="dropdown">Options</a>

           <div class="dropdown-menu" aria-labelledby="edit-submenu">

              <a onclick="managePermission()" href="javascript:void(0);">Manage permissions</a>

              <a href="#">Reset password</a>

              <a href="#" onclick="deleteModal(@userId,' @fullName ')">Delete User</a>

           </div>

        </div>

    </td>

 </tr>

JS


<script>

  $(document).ready(function(){

    $(".leave").on("mouseleave", function () {

        $(this).find(".dropdown").removeClass("show");

        $(this).find(".dropdown-menu").removeClass("show");

    });

  });

</script>


查看完整回答
反對 回復 2022-11-27
  • 1 回答
  • 0 關注
  • 116 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號