我創(chuàng)建了一個(gè)簡(jiǎn)單的導(dǎo)航，但它在移動(dòng)設(shè)備上不起作用。當(dāng)您單擊加號(hào)或“Book 1 name”時(shí)，鏈接列表應(yīng)該會(huì)出現(xiàn)，但由于某種原因它不起作用，而當(dāng)您單擊加號(hào)時(shí)，會(huì)出現(xiàn) ex 符號(hào)。書名應(yīng)該鏈接應(yīng)該在桌面上工作，而不是在移動(dòng)設(shè)備上。謝謝！$(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>