<a href=""> link not working on click</a> {{3}}

时间:2013-07-29 10:03:27

标签: jquery html5 href

这是我的HTML代码

<body>
    <div class=sidebar>       
                <ul class=nav>
                    <li class="home1"><a href="index.php">HOME</a></li>
                    <li class="bye"><a href="bye.php">BYE</a></li> 
                </ul>
     </div>

  <script>

var regex = /1$/
$("ul.nav li").on('click', function(e) {
    var $this = $(this), clickclass = $this.attr("clickclass");

    e.preventDefault();

    if(!regex.test(clickclass)){
        $this.removeClass(clickclass).addClass(clickclass + 1);
        $this.siblings('[class$="1"]').attr('class', function(idx, clickclass){
            return clickclass.substring(0, clickclass.length - 1)
        });
    }
});

</script>

当我点击链接“BYE”时,它没有加载它保留在默认home.php上的bye.php页面...请帮忙

2 个答案:

答案 0 :(得分:1)

该行

e.preventDefault();

阻止所有事件处理程序调用,包括重定向。

您可以添加

window.location.replace($(this).attr("href"));

验证成功时。

答案 1 :(得分:1)

删除

e.preventDefault();

它会阻止默认事件。我希望它会有所帮助