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 交通频道 作文范文 南阳-邵东 汤原-柳树 益阳-汉寿 潢川-兰考 宣威-北京 石家庄-娄底 怀化南-郑州东 奇峰塔-云居寺 大雁-集宁南 庐山-金华 高安-祁东 吴堡-阳泉北 鹰潭-泰山 新固镇-豆庄 平峪-紫荆关 尚志-海伦 阳泉北-肇东 保定-嘉峪关 靖远西-靖远 介休-白涧 济源-获嘉 东胜西-鄂州 平安驿-郑州 盐池-万源 巴彦郭勒-二连 清涧县-万源 潍坊-洛阳 蔺家楼-莱芜东 阳泉北-商丘南 应县-灵石 威舍-茂名西 驻马店-高密 宁陵县-胶州 葫芦岛-金华 嘉兴-金华 晋江-蚌埠南 五十家子-杨家营 兰州-胶州 惠山-嘉善南 塔哈-翠峰 伊拉哈-加南 吉林-大官屯 遵义-太原 杭州东-角美 余杭-普宁 葛店南-恩施 阳邑-临城 文水-海宁 贵阳-榆次 烟台-苏州 济南-长兴 蒲城东-临河 新余-鹰潭 甘旗卡-常州 驻马店-耒阳 八方-镇赉 枣子林-冕宁 小扬气-大扬气 保定东-宾阳 帽儿山-东方红 阳泉-清河城 疏勒河-高台 奈曼-昂乃 义县-绥中 高密-水家湖 金昌-中卫 合阳北-洪洞 汤旺河-望江 向塘-进贤 惠农-吐鲁番 虢镇-保定 昆明-桃村 汝州-当阳 银川-渭南 滨海北-昆山南 商河-淄博 怀柔北-劳动屯 大板-七苏木 于都-庐山 郑州西-高碑店东 从合肥可不可以坐汽车到泰州呀
中山那里有卡西欧手表的专买店?谢谢!
从华阳赶车到新都后,如何在到宝光寺
宁波列车站有没有电话订票系统
从昆山到合肥坐火车列车要多长时间呢
中国2009年1月至5月重要时政新闻
深圳平湖到东莞寮步
厚街到深圳南头车站怎么坐车
请问珠海小林要坐车到中山坦洲第三工业区,走斗门大桥这边坐
上海的从中山公园到上海新惠宾馆
衡水到阜城的西小崔庄都是油面路吗
从深圳到佛山飞机场如何走最快
嘉善南到西塘怎么坐车
东莞塘厦到东莞樟木头远不坐什么车..要做多久谢谢..樟
我在寒假有做福州娃哈哈公司的短期促销,工资拖了一个月还没...
从瑞安到娄桥列车火车站怎么走
请问秦皇岛/北戴河到长春火车列车票
江都到山东日照自己开车怎么坐车,有谁知道的请告诉我下,谢谢
宿州学院2011年的录取通知书什么时候到啊我家在潜山
【急】请问GG,MM们,永春快运客车上高速公路了么
湖北哪里可以出家当和尚的
成都到重庆万州三峡学院怎样走
杭州东到长沙汽车_杭州东到长沙火车
盐城师范学院通榆校区到盐渎公园怎么坐车
求 济南到吉林的列车火车票价格
深圳到蚌埠的EMS要多少小时我的是28号四点发车去蚌埠的,大
安阳到河间自驾车怎么坐车
你好请问蚌埠到宁国的火车列车时间以票价多少
安徽阜阳到江徐州有多少路程
从辽宁抚顺到山东枣庄怎么坐车啊?

Copyright © 2016 phpStudy |