这篇文章主要介绍了jQuery事件绑定on()与弹窗实现代码,需要的朋友可以参考下
页面上经常会有弹窗，有的弹窗是动态生成的，有的弹窗是在页面底部隐藏的，对于动态生成的弹窗，如果要监听弹窗的事件，可以使用jQuery的事件绑定on()方法实现。
如图，弹窗是js动态生成的，通过点击某个链接弹出，弹窗中的“立即去使用”链接点击后，实现的效果是关闭弹窗，并跳转到锚点。
这个a标签是：
代码如下:
<a target="_blank" gid="167" href="http://act.vip.***.com/vip/2016/51dps/#gamelist">立即去使用</a>
我们要监听弹窗里面的click事件，但这个弹窗本身是动态生成的，因此我们要监听body，通过on()事件绑定，当动态生成这个弹窗时，可以监听到click方法：
function jump_to_anchor() {
$("body").on("click", "span[name='msgbox_info'] a, .act-pop-table a", function (e) {
link = $(this).attr('href');
if (link == 'http://act.vip.***.com/vip/2016/51dps/#gamelist') {
e.preventDefault();
msgExit();
window.location.href = link;
}
});
}
这里实际上是绑定了两个a标签的事件绑定，都是当这个链接是某个url，阻止默认行为，并调用关闭弹窗方法，跳转到该链接，也就是锚点。
- 渭南市韩城市残疾人联合会2016年就业援助月专项招聘会通知
- 湖州市长兴县2016年春季大型人力资源现场招聘会公告
- 温州市平阳县2016年春季人力资源交流大会通知
- 绍兴市诸暨市举办2016年新春公益性大型人才交流会通知
- 2016年杭州市组团赴香港服务业高端人才招聘会
- 2016年1月16日舟山市综合性人才招聘会
- 2016年浙江省内人力资源余缺调剂招聘会暨开化县春季人力资源交流大会通知
- 浙江省人力资源和社会保障厅办公室2016年引才活动计划通知
- 2016年浙江省人力资源和社会保障厅组团赴港招聘服务业高端人才通知
- 延安大学2016届毕业生综合类供需洽谈会邀请函
- 滨州市邹平人才市场2016年大型人才招聘会时间安排
- 2016年杭州市富阳区人力资源交流招聘会预告
- 2016年杭州市余杭区人才招聘会安排预告
- 关于举办江阴市2016春季城乡联动大型招聘会的通知
- 2016年开封市春风行动大型招聘会将在市民之家广场举行
- 青岛科技大学机电工程学院/中德科技学院2016年毕业生专场招聘会邀请函
- 青岛科技大学机电工程学院/中德科技学院2016年毕业生专场招聘会附近酒店
- 玉林师范学院/人才市场2016届毕业生校园双选会邀请函
- 黄山市歙县2016年春节高校毕业生及返乡就业人员招聘会
- 2016年楚雄州人才市场招聘信息【第一期】
- 2016年湖北三峡人才大型公益招聘会1月9日举行
- 宣城市2016年新春人力资源招聘会参会邀请函
- 2016年龙岩市“海西招聘—春风行动”大型人力资源现场招聘会通知
- 举办佛山市三水区2016年新春人力资源公益招聘会通知
- 2016年2月宝鸡市金台区三场招聘会通知
- thesaurus/routine
- thesaurus/row
- thesaurus/rub
- thesaurus/rubbish
- thesaurus/rudderless
- thesaurus/rude
- thesaurus/rudimentary
- thesaurus/ruin
- thesaurus/rummage
- thesaurus/run
- 绍
- 绍介
- 绍兴
- 绍兴乱弹
- 绍兴大班
- 绍兴师爷
- 绍兴戏
- 绍兴酒
- 绍剧
- 绍酒
- 四川甘孜中考最低录取分数线
- 2024山东兖州中考录取分数线
- 曲阜市2024年中考各高中招生分数线
- 2024年济宁中考各高中录取分数线
- 四川成都中考各批次招生最低分
- 成都中考各批次录取分数线
- 成都邛崃市普通高中录取分数
- 四川成都中考5＋2区域各批次录取控制分数线
- 四川省成都邛崃市普通高中录取分数线
- 成都邛崃市普通高中招生最低分数线