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

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

如果另一個(gè) div 有一個(gè)類,則將類添加到一個(gè) div

如果另一個(gè) div 有一個(gè)類,則將類添加到一個(gè) div

慕萊塢森 2023-04-27 10:02:02
我做了很多搜索,閱讀了很多關(guān)于這個(gè)主題的問(wèn)題和答案,并編寫(xiě)了以下代碼,但由于某種原因它不起作用。我正在尋求幫助解決此問(wèn)題。這就是我想要發(fā)生的事情:當(dāng)用戶將鼠標(biāo)懸停在菜單項(xiàng)上時(shí),會(huì)出現(xiàn)一個(gè)下拉菜單。然后整個(gè)標(biāo)頭(當(dāng)前具有ID #header)獲得一個(gè)新類(.header-new-class)我發(fā)現(xiàn)當(dāng)他們將鼠標(biāo)懸停在菜單項(xiàng) (li) 上時(shí),該站點(diǎn)會(huì)自動(dòng)將類“打開(kāi)”添加到菜單項(xiàng)(菜單項(xiàng)已經(jīng)具有類 .menu-item)所以我的邏輯是,當(dāng)菜單項(xiàng)具有類“open”時(shí),它會(huì)將類“header-new-class”添加到 ID 為#header 的 div這是一個(gè)非常干凈的 HTML 版本:<div ID="header">    <div>    <div>    <div>    <div>    <div>        <nav>        <nav>            <div>            <div>                <ul>                    <li class="menu-item open">                    </li>                </ul>            </div>            </div>        </nav>        </nav>    </div>    </div>    </div>    </div>    </div></div>這是我寫(xiě)的代碼:$(document).ready(function(jQuery) {    if ($('.menu-item').hasClass('open')) {        $('#header').addClass('header-new-class');    }});它不工作。我究竟做錯(cuò)了什么?
查看完整描述

3 回答

?
慕婉清6462132

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

為什么要通過(guò) jquery 為懸停設(shè)置類。CSS 具有:hover提供您想要的相同效果的功能。


#header:hover{

  background-color : lightBlue;

}


.menu-item:hover{

  color: blue;

}

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

<div ID="header">


    <div>

    <div>

    <div>

    <div>

    <div>

        <nav>

        <nav>

            <div>

            <div>

                <ul>

                    <li class="menu-item">

              Sample Link 1

                    </li>

          <li class="menu-item">

              Sample Link 2

                    </li>

          <li class="menu-item">

              Sample Link 3

                    </li>

                </ul>

            </div>

            </div>

        </nav>

        </nav>

    </div>

    </div>

    </div>

    </div>

    </div>


</div>


查看完整回答
反對(duì) 回復(fù) 2023-04-27
?
DIEA

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

如果您想在鼠標(biāo)位于菜單項(xiàng)上時(shí)在標(biāo)題上添加一個(gè)類,請(qǐng)這樣做,如果您還想刪除該類,請(qǐng)使用下面的注釋代碼。如果您有任何疑問(wèn),請(qǐng)隨時(shí)提問(wèn)


$(document).ready(function(){

  $('.menu-item').on('mouseover',function(){

    /*$('.menu-item').removeClass('open');

    $(this).addClass("open");*/

    if($(this).hasClass('open')){

      $('#header').addClass('yourNewClass');

    }else{

      $('#header').removeClass('yourNewClass');

    }

  });

  

  /*$('.menu-item').on('mouseleave',function(){

    $('.menu-item').removeClass('open');

    $('#header').removeClass('yourNewClass');

  });*/

});

.yourNewClass .menu-item.open {color: red;}

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

<div ID="header">


    <div>

    <div>

    <div>

    <div>

    <div>

        <nav>

        <nav>

            <div>

            <div>

                <ul>

                    <li class="menu-item open">

                      item 1

                    </li>

                    <li class="menu-item">

                        item 2

                    </li>

                    <li class="menu-item">

                        item 3

                    </li>

                </ul>

            </div>

            </div>

        </nav>

        </nav>

    </div>

    </div>

    </div>

    </div>

    </div>


</div>


查看完整回答
反對(duì) 回復(fù) 2023-04-27
?
BIG陽(yáng)

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

您可以多次使用同一事件。所以,這是可以實(shí)現(xiàn)的正常.hover。


   $(document).ready(function(){

   $('.menu-item').hover(function(){

      $('#header').addClass('header-new-class');

   },function(){

    /* function to remove class when hovering is over */

   })

    

如果你絕對(duì)需要檢查類是否open存在,你可以在懸停函數(shù)中進(jìn)行。


您還可以使用mouseenter和mouseleave


$(document).on({

    mouseenter: function () {

        //stuff to do on mouse enter

    },

    mouseleave: function () {

        //stuff to do on mouse leave

    }

}, ".selector");


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

添加回答

舉報(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)