jQuery事件绑定on()和弹出窗口实现代码

页面上经常会有弹出窗口，有些是动态生成的，有些隐藏在页面底部。对于动态生成的弹出窗口，如果想要监控弹出事件，可以使用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时，阻止默认行为，并调用关闭弹出窗口的方法跳转到链接，也就是锚点。