在jQuery 中將點擊事件綁定到動態新增的元素
使用jQuery 動態新增HTML 元素時,必須將點擊事件綁定定到這些元素使它們具有互動性。但是,有時這可能會帶來挑戰,特別是在事件未執行的情況下。
在提供的程式碼中,您將 onclick 事件綁定到動態附加到 .add_to_this 元素的連結 (close_link) 。但是,當您單擊連結時,該事件不會觸發。
問題在於使用了已棄用的事件綁定方法,例如bind()。這些方法已被現代版本的 jQuery 中的 on() 方法取代。
要將點擊事件正確綁定到動態新增的元素,請使用以下語法:
$(document).on('click', '.your-selector', function() { // Function to execute on click });
中根據您的情況,您可以將綁定方法替換為以下內容:
$(document).on('click', '.close_link', function() { alert('hello from binded function call'); });
這將確保在點擊連結時觸發點擊事件,即使它已新增動態地。請記住,使用 $(document).on() 進行事件委託對於處理動態新增的元素上的事件至關重要。
以上是為什麼我的 Click 事件無法在 jQuery 中動態新增的元素上觸發?的詳細內容。更多資訊請關注PHP中文網其他相關文章!