頁(yè)面上經(jīng)常會(huì)有彈窗，有的彈窗是動(dòng)態(tài)生成的，有的彈窗是在頁(yè)面底部隱藏的，對(duì)于動(dòng)態(tài)生成的彈窗，如果要監(jiān)聽彈窗的事件，可以使用jQuery的事件綁定on()方法實(shí)現(xiàn)。

如圖，彈窗是js動(dòng)態(tài)生成的，通過點(diǎn)擊某個(gè)鏈接彈出，彈窗中的“立即去使用”鏈接點(diǎn)擊后，實(shí)現(xiàn)的效果是關(guān)閉彈窗，并跳轉(zhuǎn)到錨點(diǎn)。

這個(gè)a標(biāo)簽是：

我們要監(jiān)聽彈窗里面的click事件，但這個(gè)彈窗本身是動(dòng)態(tài)生成的，因此我們要監(jiān)聽body，通過on()事件綁定，當(dāng)動(dòng)態(tài)生成這個(gè)彈窗時(shí)，可以監(jiān)聽到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;    }  });}

這里實(shí)際上是綁定了兩個(gè)a標(biāo)簽的事件綁定，都是當(dāng)這個(gè)鏈接是某個(gè)url，阻止默認(rèn)行為，并調(diào)用關(guān)閉彈窗方法，跳轉(zhuǎn)到該鏈接，也就是錨點(diǎn)。