页面上经常会有弹出窗口,有些是动态生成的,有些隐藏在页面底部。对于动态生成的弹出窗口,如果想要监控弹出事件,可以使用jQuery的事件绑定on()方法。
如图,弹出窗口由js动态生成,点击链接弹出。点击弹出窗口中的“立即使用”链接后,效果是关闭弹出窗口并跳转到锚点。
a标签是:
复制的代码如下: a style=' display : ' title='立即使用它' target=' _ blank ' GID=' 167 ' href=' http://act . VIP . * * *。com/VIP/2016/51 dps/# game list ' class=' co。
我们需要监控弹出窗口中的点击事件,但是弹出窗口本身是动态生成的,所以我们需要监控主体,当弹出窗口动态生成时,我们可以监控点击方法:
函数jump_to_anchor() { $('body ')。on('click ',' span[name='msgbox_info'] a,act-pop-table a ',函数(e) { link=$(this)。attr(' href ');if (link=='http://act.vip.***。com/VIP/2016/51 dps/# game list '){ e . preventdefault();msgExit();window . location . href=link;} });}这里其实是用两个a标签绑定的事件,也就是当链接是url时,阻止默认行为,并调用关闭弹出窗口的方法跳转到链接,也就是锚点。