Question

这里真的很奇怪，所以我在小提琴中重新创造了我的问题，但它在那里起作用。我完全复制了我的CSS，JS和HTML。

菜单在小提琴中完美运行，但实时 - 菜单部分工作，你可以点击菜单图标顶部旁边打开它，但很难找到触发器将其重新发送。想知道是否有人能够发现错误，因为我被卡住了！

$(document).ready(function() {

    $('#nav-mobile ul').hide();
    $('#nav-mobile').click(function(e) {
        $('#nav-mobile ul').slideToggle();
    });
});

<div id="menumobile">
    <div id="nav-mobile">
        <br /><br />
            <a href="#"><img src="http://www.drdenimjeans.com/skin/frontend/drdenim/default/img/menu-icon.png" alt="Menu" class="menuimage"/></a>
                <ul>
                    <li><a href="index.php" class="mainmenu">ENGAGE</a></li>
                    <li><a href="aboutus.php" class="mainmenu">FEATURES</a></li>
                <li><a href="contactus.php" class="mainmenu">DESIGN</a></li>
                    <li><a href="index.php" class="mainmenu">PACKAGES</a></li>
                    <li><a href="aboutus.php" class="mainmenu">CONTACT</a></li>                         
                </ul>
        <br /><br />
    </div>

Answer 1

没有真正的错误，但我会将链接设为display:inline-block，以便它会展开以包含图片。

#nav-mobile > a {display:inline-block;}

<强>更新

刚才注意到，$('#nav-mobile').click不应该是$('#nav-mobile > a').click吗？（定位a而不是整个ul ）

移动菜单无法触发实时

1 个答案: