[技術討論] js click event not working for dynamic add anchor link ?

mon住個anchor link 嚟做其他嘢,測試時純粹行一句alter message
  1. $('#tab-list li a').click(function(e) {
  2.         e.preventDefault();
  3.         alert("click");
  4.         //console.log("current tab: "+currTab['tabid']);
  5.     });
複製代碼
default one tab, hard-code in html。
click default tab 就會行到alert


但之後dynamic 加新tab, click 呢啲新tab 就alert message無反應


唔知點解呢?
附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊

回覆 1# takayo72


因為你行e句會掃一次成版html (dom object),加個 listener,
你之後加的dom object當然無 listener,
你要行多一次 $('#tab-list li a').click(function(e) { ... }

TOP

回覆  takayo72


因為你行e句會掃一次成版html (dom object),加個 listener,
你之後加的dom object當然 ...
gamezz 發表於 2017-1-24 12:12



    師兄.....唔係太明

TOP

明白了

段code 要咁樣寫
  1.   $('#tab-list').on('click','li a',function() {
  2.         alert("click");
  3.     });
複製代碼
不過有個小問題, 咁樣寫法,click 啲dynamic add 入去嘅link時會popup呢個box出來,
點樣唔顯示出來, 除了user 自己tick 個box之外
附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊

TOP

回覆 4# takayo72

刪左alert個行

TOP

用 $(document).on(`click`, selector,  function(){

})

試下

TOP

TOP

thx bros~~~

TOP