我在網(wǎng)頁(yè)中間實(shí)現(xiàn)了一個(gè)菜單（注意：這不是頂部導(dǎo)航菜單）。所以這是默認(rèn)狀態(tài)：人們可以點(diǎn)擊其他菜單項(xiàng)來(lái)查看不同的內(nèi)容。 我嘗試為一個(gè)菜單項(xiàng)編寫以下代碼并且它正在工作......但是是否有適用于每個(gè)菜單項(xiàng)的優(yōu)雅解決方案？<script>     $(function() {      $("#menu3").click(function(){          $(this).css({            'text-decoration':'underline',            'font-family':'Gotham-Medium'          });          $("#content1").hide();          $("#content3").show();                });    }); </script>  <nav class="menu">    <ul>      <li><div id="menu1">menu1</div></li>      <li><div id="menu2">menu2</div></li>      <li><div id="menu3">menu3</div></li>      <li><div id="menu4">menu4</div></li>    </ul>  </nav>另外，我為菜單項(xiàng)懸停狀態(tài)編寫了以下代碼。非常奇怪，事情與這段代碼一起工作：<script>     $(function() {      $("#menu3").mouseenter(function(){          $(this).css({            'text-decoration':'underline',            'font-family':'Gotham-Medium'          });       });    }); </script>但是一旦我添加了 mouseleave 代碼....事情就停止了（包括 mouseenter 進(jìn)入狀態(tài)，所以當(dāng)你將鼠標(biāo)懸停在菜單上時(shí)沒(méi)有任何反應(yīng)）。不確定發(fā)生了什么或如何解決它。提前致謝。<script>     $(function() {      $("#menu3").mouseenter(function(){          $(this).css({            'text-decoration':'underline',            'font-family':'Gotham-Medium'          });       $("#menu3").mouseleave(function(){          $(this).css({            'text-decoration':'none',            'font-family':'Gotham-Medium'          });       });    }); </script>