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 交通频道 作文范文 61儿童节资料 机关工会2016年工作总结暨2017 年工作要点 一种伟大的力量——《怪物大师——云海国的鱼龙公主》读后感 最新搞笑经典语句 愚人节的祝福词 “废柴”组员作文400字 写给医护人员的表扬信 镇纪委纠风工作总结 小学六年级作文600字:小溪里的七彩石 春夏秋冬自然景观作文200字 《馒头日记》观后感300字 中国神话故事:孙悟空是太上老君弟子? 我的作文老师作文100字 青蛙军团爱地球读后感 初中初一作文700字:雪之国6 初中初一作文650字:现在,我多了一份牵挂 2016年2月6日 01:08:38 我的新一年 借东西作文1300字 认识你...真好! 微言碎一地急风皱清池 在学习《江泽民文选》报告会上的讲话 放手吧!我不值得 小学六年级作文600字:读毛泽东《七律.长征》诗有感 创业计划书一般的格式 名字作文1400字 梦醒时分【鬼来了】上作文1100字 三年级有关我熟悉的人作文:妈妈 奶奶的二三事作文400字 暮春五月,浅浅行 口技读后感 以直报怨造句 小学五年级作文750字:半粒药片 “劳燕分飞”能否“破镜重圆”? 我爱家乡的中夏公园 鉴定评语 创造灵感作文900字 我家乡的文笔塔作文500字 乌龟赛跑(二) 生命中的细节 全景动物王国 不一样的家教名言 孤独难耐 乡村的早晨作文450字 科学发展上层次 科技金点子作文400字 辞职五险一金怎么办 樱花树下的爱情---紫色之梦 青春的泪水作文1200字 2016教学需要我们全心的投入

Copyright © 2016 phpStudy |