原文:JS動態append之后點擊事件無效

今天做項目用了append向HTML里面添加結構代碼,代碼添加之后,單擊事件就沒反應了。搞得我一臉懵逼,調了代碼很久實在不行,我百度了一下才發現,append添加的節點單擊事件是不會生效的。 原因: 原來append中的節點是在整個文檔加載后才添加的,頁面並不會為未來的元素初始化添加點擊事件,所以使用這種方式動態添加的節點中的點擊事件不會生效。 解決方法: 於是我只好改用事件代理來完成這次我的項目 ...

2019-06-07 16:30 0 2072 推薦指數:

查看詳情

js動態加載HTML元素時出現的無效點擊事件

項目中列表數據中隱藏着詳情數據, 圖一: 詳情數據是:根據當前行的數據作為參數,通過ajax請求到后台返回的數據,再根據返回的結果動態生成HTML頁面 圖二: js文件中的這些js點擊事件無效js代碼: // 推薦商家點擊標題展開與收起$('.toggle-tag ...

Wed Sep 07 19:37:00 CST 2016 0 31435
element 框架 el-radio-group 賦值之后點擊無效的問題

el-radio-group下的el-radio 賦值之后點擊無效但是數據已經改變了頁面卻沒有變化 是因為從后台獲取的值不能直接給賦給formData 需要一個中間變量 <el-radio-group v-model="formData.passwordForce"> ...

Thu Sep 17 23:43:00 CST 2020 0 2947
動態生成的DOM做點擊事件無效

有時候我們的標簽都是從后台獲取的數據,然后利用JS添加到頁面上,當我們寫生成的標簽的點擊事件(click)時沒有效果。 例如: 生成頁面,點擊A標簽無效果。 這里只介紹兩種解決方法。 ①把事件寫在生成的字符串當中,感覺很low 里面什么方法名外面就聲明 ...

Fri Aug 25 01:06:00 CST 2017 0 3171
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM