javascript - 单击 无法设置 location.href

Question

这是我从一位离职的同事那里接手的代码:

<input type="text" class="value" placeholder="0"></span><br>
<a href="/model/act/id/'.$model->id.'" class="act act-a" url="/model/act/id/'.$model->id.'">Act Now</a>

<script>
    $('.act-a').click(function(){
        if(parseInt($('.value').val())>0){
            //window.location.href = window.location.origin + $(this).attr('url') + '?r=' + parseInt($('.value').val());
            window.location.replace("www.google.com");
            return true;
        }
        return false;
    });
</script>

当我点击链接时，我从未被重定向到 www.google.com。本来我想要的是执行注释的代码，但是将 www.google.com 设置为调试，我想意识到我的重定向被忽略，而是使用了原始的 href !

如何在单击链接时设置 window.location.href，添加 GET 参数？

Answer 1

return true; 告诉浏览器执行链接的默认操作。因此，浏览器将跟踪链接而不是运行 window.location。

删除两个 return 语句，并添加 e.preventDefault();

$('.act-a').click(function(e){
    e.preventDefault();
    if(parseInt($('.value').val(), 10) > 0){
        window.location.href = window.location.origin + $(this).attr('url') + '?r=' + parseInt($('.value').val(), 10);
    }
});

附注您应该将 ,10 添加到 parseInt 以确保数字被解析为基数 10。