我創建了一個簡單的導航，但它在移動設備上不起作用。當您單擊加號或“Book 1 name”時，鏈接列表應該會出現，但由于某種原因它不起作用，而當您單擊加號時，會出現 ex 符號。書名應該鏈接應該在桌面上工作，而不是在移動設備上。謝謝！$(document).ready(function () {   $(window).resize(function() {       if($(window).width() <= 550) {        $('.bookName').click(function(e){            e.preventDefault();            $('.bookNavigation ul li ul').toggleClass('toggleNav')            $(this).toggleClass('changeIcon');        });       } else {        $('.bookName').click(function(e){            return true;        });       }   }); });.bookNavigation ul li ul{    display: flex;}.toggleNav{    display: block;}@media only screen and (max-width: 550px) {    .bookNavigation ul li ul{        display: none;    }    .bookName::before{        content: '+';        padding-right: 10px;    }    .bookName .changeIcon::before{        content: '-';        padding-right: 10px;    }}a{    text-decoration: none;}li{    list-style: none;}.bookNavigation{    margin-bottom: 100px;}.bookName{    text-transform: uppercase;    font-size: 30px;}li{    margin-right: 30px;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><nav class="bookNavigation">        <ul>            <li>                <a href="#" class="bookName">Book 1 Name</a>                <ul>                    <li><a href="#">Book 1 Chapter 1</a></li>                    <li><a href="#">Book 1 Chapter 2</a></li>                    <li><a href="#">Book 1 Chapter 3</a></li>                </ul>            </li>        </ul>    </nav>    <p>you are in Book 1 Name cover page</p>