Question

有我的代码。当我点击我的navegation菜单中的任何类别时，它不会转到我的另一页。我希望当我点击任何类别时，它应该正确地转到该页面。请帮帮我。

<script type="text/javascript">

    $(document).ready(function(e) {

        /* Navigation */
        $("#nav a.selectcategory").click(function(e) {
            e.preventDefault();
            $("#nav ul#main_ul").slideToggle();
        });

        $("#nav ul#main_ul li").click(function(e) {
            e.preventDefault();
            if ($(this).find("ul").is(':visible')) {                
                $(this).find("ul").slideUp();
            } else {
                $("#nav ul#main_ul li ul").slideUp();
                $(this).find("ul").slideToggle();
            }
        });

        /* banner catogory select */
        $("#banner .whitebox a.select_2").click(function(e) {
            e.preventDefault();
            $("#banner .whitebox .selebox ul").slideToggle("fast");
        });




    });

</script>

Answer 1

您只需删除e.preventDefault();，因为调用此方法时，将不会触发默认操作，即锚点的click事件。

Answer 2

锚点未导航，因为正在阻止默认操作。

$("#nav a.selectcategory").click(function(e) {
    //e.preventDefault(); remove this
    $("#nav ul#main_ul").slideToggle();
});

Answer 3

如果您想在加载新页面之前制作动画，请执行以下操作：

<script type="text/javascript">

    $(document).ready(function(e) {

        /* Navigation */
        $("#nav a.selectcategory").click(function(e) {
            var href = $(this).attr("href");
            e.preventDefault();
            $("#nav ul#main_ul").slideToggle("normal",function(){top.location = href;});
        });

        $("#nav ul#main_ul li").click(function(e) {

            e.preventDefault();
            if ($(this).find("ul").is(':visible')) {                
                $(this).find("ul").slideUp();
            } else {
                $("#nav ul#main_ul li ul").slideUp();
                $(this).find("ul").slideToggle();
            }
        });

        /* banner catogory select */
        $("#banner .whitebox a.select_2").click(function(e) {
            var href = $(this).attr("href")
            e.preventDefault();
            $("#banner .whitebox .selebox ul").slideToggle("fast",function(){top.location = href;});
        });




    });

</script>

首先制作动画'幻灯片'，然后加载新页面。

如何删除点击防止？

3 个答案: