欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery事件綁定on()與彈窗實現(xiàn)代碼

 更新時間:2016年04月28日 13:58:49   投稿:mdxy-dxy  
這篇文章主要介紹了jQuery事件綁定on()與彈窗實現(xiàn)代碼,需要的朋友可以參考下

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

如圖,彈窗是js動態(tài)生成的,通過點擊某個鏈接彈出,彈窗中的“立即去使用”鏈接點擊后,實現(xiàn)的效果是關閉彈窗,并跳轉到錨點。

這個a標簽是:

復制代碼 代碼如下:

<a style="display:" title="立即去使用" target="_blank" gid="167" class="co_vip tdu ">立即去使用</a>

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

這里實際上是綁定了兩個a標簽的事件綁定,都是當這個鏈接是某個url,阻止默認行為,并調(diào)用關閉彈窗方法,跳轉到該鏈接,也就是錨點。

相關文章

最新評論