jquery 绑定事件 _this-jQuery Storm绑定on()及弹窗实现代码

页面上经常会有弹窗，有些弹窗是动态生成的jquery 绑定事件 _this，有些弹窗隐藏在页面顶部。 对于动态生成的弹窗，如果想要窃听弹窗jquery 绑定事件 _this，可以使用 jQuery Storm 绑定的 on() 方法来实现。

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

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标签的storm绑定。 当链接是某个url时，默认行为被抑制，调用关闭弹窗的方法跳转到该链接，即锚点。