原文:jq動態生成HTML元素時,點擊事件無效,且css無效

解決方案:將普通事件改為.on 委托事件 示例: 原因:動態添加的HTML元素是在CSS,JS代碼加載完成后再添加的HTML頁面。在瀏覽器解析這些通過ajax請求到后台 返回的數據,再根據返回的結果動態生成HTML頁面時,這些綁定事件的標簽元素還沒有生成。而普通.click事件只能綁定 靜態元素。用on方法支持動態綁定元素。 CSS無效解決辦法: ...

2020-11-05 17:25 0 803 推薦指數:

查看詳情

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

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

Wed Sep 07 19:37:00 CST 2016 0 31435
JQuery 動態加載 HTML 元素綁定點擊事件無效問題

問題描述 假設項目中有一個列表頁面,如下: 當點擊列表一行數據可以顯示詳情頁面,而詳情頁面的數據是根據當前行的數據作為參數,通過 ajax 請求到后台返回的數據,再根據返回的結果動態生成 html 頁面,如下: 但是,在動態生成html 頁面中綁定點擊事件運行無效 問題分析 ...

Mon Oct 26 23:22:00 CST 2020 0 631
動態生成的DOM做點擊事件無效

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

Fri Aug 25 01:06:00 CST 2017 0 3171
JQ動態生成節點綁定事件無效問題

最近做項目的時候遇見了一個問題,通過jq動態節點綁定到dom節點上,並且為動態節點綁定方法,此方法再次為動態節點添加動態節點,但在刷新之后,動態節點上的方法失效了,過程為:創建動態節點->動態節點綁定方法->添加動態節點->刷新后點擊動態節點方法失效。 < ...

Mon Sep 02 03:30:00 CST 2019 0 607
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM