<a class="one" href="www.baidu.com">跳转到百度
<div class="two" onclick="tz()">跳转到腾讯</div>
</a>
function tz(){
window.location.href = "www.qq.com"
}
当我们点击的时候,发现始终会跳转到百度,那怎么解决呢,办法如下
<a class="one" href="javascript:void(0)" data-url="www.baidu.com">跳转到百度
<div class="two" data-url="www.qq.com">跳转到腾讯</div>
</a>
$(function () {
$(".one").on('click', function (e) {
window.location.href = $(this).data('url');
});
$(".two").on('click', function (e) {
e.stopPropagation();
window.location.href = $(this).data('url');
});
});