jQuery函數自動重新加載頁面

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>