jquery trigger伪造a标签的click事件取代window.open方法

171 阅读 0 评论 113 点赞

我是靠谱客的博主虚拟荷花，最近开发中收集的这篇文章主要介绍jquery trigger伪造a标签的click事件取代window.open方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

var ohtml='<div class="friend-dialog tac pt15 pb20">'+ 
'<div class="f-h32">您已经成功发送好友申请。</div>'+ 
' <p class="c999">上传真实头像，好友申请更容易被通过哦，赶紧上传头像吧！</p> '+ 
'<a href="<%=path%>/teacher/editUserAvatar.action" target="_blank"><span id="awindowopen" ></span></a>'+ 
' </div>'; 
$.dialog({ 
lock:true, 
title: '温馨提示', 
button: [ 
{value: '点击上传图像',callback: function () { 
$("#awindowopen").trigger("click"); 
},focus: true 
} 
], 
content:ohtml 
}); 
var ohtml='<div class="friend-dialog tac pt15 pb20">'+
'<div class="f-h32">您已经成功发送好友申请。</div>'+
' <p class="c999">上传真实头像，好友申请更容易被通过哦，赶紧上传头像吧！</p> '+
'<a href="<%=path%>/teacher/editUserAvatar.action" target="_blank"><span id="awindowopen" ></span></a>'+
' </div>';
$.dialog({
lock:true,
title: '温馨提示',
button: [
{value: '点击上传图像',callback: function () {
$("#awindowopen").trigger("click");
},focus: true
}
],
content:ohtml
});

需要注意的是：

在这个地方：

<a href="<%=path%>/teacher/editUserAvatar.action" target="_blank"><span id="awindowopen" ></span></a> 
<a href="<%=path%>/teacher/editUserAvatar.action" target="_blank"><span id="awindowopen" ></span></a>
<a>标签内一定要有内容，并且要模拟里面的内容被点击而不是<a></a>被点击