用jQuery点击后更改链接href

前端之家收集整理的这篇文章主要介绍了用jQuery点击后更改链接href前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试创建一个链接,点击后,切换其href属性,然后转到该位置.

我的html是:

<a href="http://google.com" rel="group" data-wpurl="http://yahoo.com"></a>

点击后,我希望浏览器能够访问data-wpurl位置,而不是href位置.我正在使用数据属性的原因是因为我正在使用的应用程序需要使用href …这里不相关.

我的jQuery是:

$('a[rel="group"]').on('click',function(e) {
      e.preventDefault();
      var wpurl = $(this).attr("data-wpurl");
      $(this).attr('href',wpurl);
});

我正在使用e.preventDefault();以防止浏览器将用户带到href.在将数据属性分配给href之后,如何触发点击?使用触发器(‘click’)并单击();不工作!

有任何想法吗?

解决方法

立即更改位置会更容易:
e.preventDefault();
location.href = $(this).data('wpurl');

猜你在找的jQuery相关文章