Question

我正在尝试使用Jquery的菜单类为我正在编写的网站创建导航菜单。出于某种原因，我无法正确加载链接。如果我右键单击并在新窗口中打开它可以正常工作，但不能直接点击。

这是我的HTML代码（假设导入了Jquery和Jquery-ui）：

$(function() {

    $( "#menu" ).menu({});
});

<ul id="menu" >
    <li>
        <a href="#">Service</a>
        <ul>
            <li>
                <a href="customHourReport.php">Report Hours</a>
            </li>
            <li>
                <a href="eventHistory.php">Event History</a>
            </li>
            <li>
                <a href="memberstats.php">Member Stats</a>
            </li>
        </ul>
    </li>
    <li>
        <a href="#">Fundraising</a>
        <ul>
            <li>
                <a href="./dlfiles/Application.docx">Support Letter</a>
            </li>
            <li>
                <a href="./dlfiles/SampleLetter.docx">Sample Letter</a>
            </li>
        </ul>
    </li>
    <li>
        <a href="#">Bylaws</a>
        <ul>
            <li>
                <a href="./dlfiles/Constitution2012-2013.docx">Download Bylaws</a>
            </li>
        </ul>
    </li>   
    <li>
        <a href="#">Budgets</a>
        <ul>
        </ul>
    </li>       
    <li>
        <a href="#">Settings</a>
        <ul>
            <li>
                <a href="changepassword.php">Change your Password</a>
            </li>
            <li>
                <a href="profpic.php">Upload/Change Profile Picture</a>
            </li>
        </ul>
    </li>   
</ul>

有什么想法？非常感谢！

Answer 1

您是否使用jquery方法return false和event.preventDefault();

JQuery菜单链接未在页面上加载

1 个答案: