Question

我使用jQuery时遇到问题。我已经制作了一个下拉菜单，当点击菜单中的li标签时，我希望它下拉。

我可以使用jQuery点击功能。它可以工作但是当jQuery功能完成后，网页会自动重新加载，下拉菜单会再次隐藏。

Answer 1

$(document).ready(function () {
    $("#click_nav li a").click(function (event) {
        event.preventDefault(); // preventDefault() here
        $("#slide_nav").show();
    });
});

Answer 2

使用此HTML .....

<div class="col-md-12">
                    <div class="testing_menu">
                        <ul id="click_nav">
                            <li><a>Drop-Down</a>
                                <ul id="slide_nav" style="display: block;">
                                    <span class="tri_angle"></span>
                                    <li><a href="">Home</a></li>
                                    <li><a href="">About</a></li>
                                    <li><a href="">Profile</a></li>
                                    <li><a href="">Setting</a></li>
                                    <li><a href="">Log Out</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>

jQuery函数自动重新加载页面

2 个答案: