javascript - 如何使用 JQuery 阻止 anchor 重定向

Question

如果用户未登录，如何阻止 anchor 标记重定向到另一个页面？我有一个功能来检查用户是否登录。我想用 JQuery 或 JavaScript 来完成。到目前为止，这是我尝试过但没有结果的方法:

<a href="www.somewhere.com" id="yes">Read More</a>

<script type="text/javascript">
    $(document).ready(function(){
        $('a').click(function(){
            var id = $(this).attr('id');
            if(id == 'yes'){
                //i want to prevent
            }else{
                //redirect
            }
        });
    });
</script>

Answer 1

请使用http://api.jquery.com/event.preventDefault/

演示 http://jsfiddle.net/aRBY4/6/

e.preventDefault() 

引用

If this method is called, the default action of the event will not be triggered.

此外，如果我可以建议阅读此内容:.prop() vs .attr()

希望对您有所帮助，

示例代码

  $('a').click(function(event){
    event.preventDefault();
    //do whatever
  });

在你的情况下请试试这个

$(document).ready(function() {
    $('a').click(function(event) {
        var id = $(this).attr('id');
        if (id == 'yes') {
            event.preventDefault();
            //i want to prevent
        } else {
            //redirect
        }
    });
});​