javascript - 重複綁定事件的處理方式?

來源:互聯網
上載者:User


解除綁定的彈窗是公用的。在點擊確認和取消的時候我怎麼知道是

對應的銀行卡點擊的解除綁定(對應的銀行卡dom移除)操作

                        statics/images/yinlianzhifuicon.png">                            

建設銀行

儲蓄卡

**** **** **** 6535

解除綁定 statics/images/yinlianzhifuicon.png">

建設銀行

儲蓄卡

**** **** **** 6535

解除綁定 statics/images/yinlianzhifuicon.png">

建設銀行

儲蓄卡

**** **** **** 6535

解除綁定

確定解除綁定該銀行卡嗎?

取消 確認

回複內容:


解除綁定的彈窗是公用的。在點擊確認和取消的時候我怎麼知道是

對應的銀行卡點擊的解除綁定(對應的銀行卡dom移除)操作

                        statics/images/yinlianzhifuicon.png">                            

建設銀行

儲蓄卡

**** **** **** 6535

解除綁定 statics/images/yinlianzhifuicon.png">

建設銀行

儲蓄卡

**** **** **** 6535

解除綁定 statics/images/yinlianzhifuicon.png">

建設銀行

儲蓄卡

**** **** **** 6535

解除綁定

確定解除綁定該銀行卡嗎?

取消 確認

用 jquery 的 方式$('.ubind-card').click(function(){    //的到當前銀行卡列表的下標    var ubindIndex = $(this).parents('.bankcard-block').index();    //給確定按鈕賦一個標識    $('.unbind-sure').attr('val',ubindIndex ).show();});$('.unbind-sure').click(function(){    var index = $(this).attr('val');    $('.bankcard-block:eq('+index+')').remove();});

如果可以的話望採納

很簡單呀,當使用者點擊解除綁定的時候,你可以把使用者點擊的是哪張銀行卡的資訊綁定在彈出框標籤的屬性上。比如你可以把銀行卡的序號綁定在上面,像這樣。使用者點擊確認的時候你再到上面去取就好了。

通過event.targetevent.currentTarget擷取DOM
JavaScript事件對象

用一個變數來儲存當前操作的卡。

var currentCart = -1;//預設-1$('#cards').on('click','.btnJieBang',function(){currentCart=this.dataset.cartid;});//彈窗確定的事件裡,去讀取currentCart變數即可

點擊解除綁定的時候,你不就可以得到他的父元素了,然後通過相關操作刪除父元素,就能達到目的。

解除綁定上加個能區分開的data-id

綁定一個唯一標示

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.