Question

我想在点击链接后更改链接的href：

$('#mylink').click(function() {
    // do something
    $('#mylink').attr('href', 'newURL.php');
    });

<a href=# id=mylink>click</a>

我认为这会有效，但当我点击它时，它会重定向到新页面。

如何在用户完成点击后更改href？

Answer 1

你可以这样做：

$('#mylink').click(function(e) {
  e.preventDefault();
  $('#mylink').attr('href', 'newURL.php');
  window.location.href = $(this).attr('href');
});

window.location将获取新网址并引导您进入。

修改的

正如mplungjan在评论中所说，你可以进一步简化：

$('#mylink').click(function(e) {
    e.preventDefault(); 
    window.location.href = 'newURL.php';
});

所以你不需要直接设置href attr，你可以跳过它并直接使用window.location.href

Answer 2

点击链接

时使用e.preventDefault()

＆＃13;

$('#mylink').click(function(e) {
     e.preventDefault();
    $('#mylink').attr('href','newURL.php');
     console.log("NEW LINK ="+$('#mylink').attr('href'));
     window.location.href=$(this).attr('href');
    
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>


<a href="" id=mylink>click</a>

＆＃13;

jquery - 单击后更改链接href

2 个答案: