我做了很多搜索，閱讀了很多關于這個主題的問題和答案，并編寫了以下代碼，但由于某種原因它不起作用。我正在尋求幫助解決此問題。這就是我想要發生的事情：當用戶將鼠標懸停在菜單項上時，會出現一個下拉菜單。然后整個標頭（當前具有ID #header）獲得一個新類（.header-new-class）我發現當他們將鼠標懸停在菜單項 (li) 上時，該站點會自動將類“打開”添加到菜單項（菜單項已經具有類 .menu-item）所以我的邏輯是，當菜單項具有類“open”時，它會將類“header-new-class”添加到 ID 為#header 的 div這是一個非常干凈的 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>這是我寫的代碼：$(document).ready(function(jQuery) {    if ($('.menu-item').hasClass('open')) {        $('#header').addClass('header-new-class');    }});它不工作。我究竟做錯了什么？