jquery 添加html元素后 html中click失效问题

简介:

jqeury 添加html 元素后 .click 失效问题

Java代码   收藏代码
  1. <script>  
  2.     function xxx() {  
  3.         var abc = '<li><h3 class="geegee">3</h3></li>';  
  4.         var acc = '<li><h3 class="geegee">4</h3></li>';  
  5.         output = $(abc + acc);  
  6.         $('#category').append(output);  
  7.     }  
  8. </script>  
  9.   
  10. <script>  
  11.     $(document).ready(function() {  
  12.         $(".geegee").click(function() { //bug  
  13.             alert("a");  
  14.         });  
  15.     });  
  16. </script>  

 改掉

Java代码   收藏代码
  1. $("#category").delegate(".geegee","click",function() {  
  2.     alert("a");  
  3. });  

 ddd

 

相关文章
|
26天前
|
JavaScript 前端开发
使用jQuery操作DOM元素
使用jQuery操作DOM元素
16 1
|
1月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
20 1
|
3月前
|
前端开发 JavaScript
Playwright系列(9):常见操作HTML 元素方式
Playwright系列(9):常见操作HTML 元素方式
|
3月前
|
缓存 前端开发 JavaScript
13个很酷但很少有人知道的HTML元素
13个很酷但很少有人知道的HTML元素
35 0
13个很酷但很少有人知道的HTML元素
|
4月前
|
JavaScript 前端开发
JavaScript DOM 操作:如何选中一个 HTML 元素?有哪些方法?
JavaScript DOM 操作:如何选中一个 HTML 元素?有哪些方法?
65 1
|
3月前
|
JavaScript
用什么代码可以在页面添加html元素呢?
用什么代码可以在页面添加html元素呢?
|
26天前
|
JavaScript
jQuery选择器案例之——index.html
jQuery选择器案例之——index.html
8 1
|
27天前
|
前端开发 JavaScript Java
第四章使用jQuery操作DOM元素
第四章使用jQuery操作DOM元素
9 0
|
27天前
|
JavaScript
jQuery操作DOM元素案例
jQuery操作DOM元素案例
10 0
|
27天前
HTML列表、表格和媒体元素
HTML列表、表格和媒体元素
8 0