jQuery事件绑定on()与弹窗实现代码


页面上经常会有弹窗,有的弹窗是动态生成的,有的弹窗是在页面底部隐藏的,对于动态生成的弹窗,如果要监听弹窗的事件,可以使用jQuery的事件绑定on()方法实现。

如图,弹窗是js动态生成的,通过点击某个链接弹出,弹窗中的“立即去使用”链接点击后,实现的效果是关闭弹窗,并跳转到锚点。

这个a标签是:

复制代码 代码如下:

<a style="display:" title="立即去使用" target="_blank" gid="167" href="http://act.vip.***.com/vip/2016/51dps/#gamelist" class="co_vip tdu ">立即去使用</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,阻止默认行为,并调用关闭弹窗方法,跳转到该链接,也就是锚点。



相关阅读:
C#中事件的继承实例分析
基于HTML+CSS+JS实现增加删除修改tab导航特效代码
JavaScript实现带播放列表的音乐播放器实例分享
Android UI设计系列之自定义DrawView组件实现数字签名效果(5)
Java正则表达式入门学习
PHP return语句另类用法不止是在函数中
MySQL 启动报错:File ./mysql-bin.index not found (Errcode: 13)
Win8系统如何定时运行程序?Win8系统定时运行程序的方法
jQuery鼠标悬浮链接弹出跟随图片实例代码
require.js的用法详解
CSS实现五颜六色按钮组成的导航条效果代码
1亿条记录的MongoDB数据库随机查询性能测试
将HTML的左右尖括号等转义成实体形式的两种实现方式
百度地图API应用之获取用户的具体位置
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 做自己喜欢的事情,多辛苦都不觉得累 星期天的早晨作文100字 国际儿童节校长贺词 自暴自弃造句 小红的六一 他只是不经意路过 冬来,小酌 与竹节秋海棠结缘 浅粉色的亲情作文1000字 感恩失败,感恩挫折,感恩痛苦作文1200字 蝴蝶为花碎,花却随风吹 为你点缀100章情话,装满了我对你的牵挂 青春励志歌曲排行榜Top10 点燃的殇 回首向来萧瑟处700字 东海岛游 放风筝的作文450字 基于经济控制论的我国出口贸易模型分析论文 2016年医生个人工作小结 知之深爱之切心得体会 打开那扇门作文600字 小学四年级作文400字:坐过山车 我的同桌马颖娇300字 外贸社会实践报告 这个我爱他他爱我的人 轻吻时光 学校家长会校长发言稿 大学社团活动总结PPT 家长谨记:孩子成长的这十方面不能靠老师 小学三年级作文350字:小狗落水 劳务产业发展情况调查报告 形容光说不做的歇后语 小学五年级作文500字:别了,我的母校 青春电幻 百万英镑读后感800字范文 男人和女人,我和你,都逃不过爱情 中学历史教学年度工作总结 毕业赠言:曾经相识一场 故乡的水果 初中初二作文450字:珍惜母爱 你许我春暖花开,我许你此生不改 一切都可以继续 乖、你爱上了别人要记得告诉我,我会放开我的手,即使。。。心会很痛,很痛、 民国做派 2015考研心得 话说“聪明人” 小学出纳工作总结与计划 【精品】新教师工作总结 长裙梦 天降十八猪--1

Copyright © 2016 phpStudy |