1 //静态绑定事件 2 $("result ul li").bind("click",function(){ 3 $(this).css("background","yellow"); 4 }); 5 $("result ul li").click(function(){ 6 $(this).css("background","yellow"); 7 });
1:在使用jQuery 为元素绑定事件时,我们经常用bind 或者click,
2:但是,这只能为页面已经加载好的元素绑定事件。
3:如果用AJAX方式请求数据来动态添加页面元素时,以上两种方式无效。
--------------------------------解决方法---------------------------------------------------------------
1:on()适用于当前及未来的元素
1 $("result").on("click","ul li", function(){ 2 $(this).css("background","yellow"); 3 });
2:onclick事件,动态添加数据时,就为元素绑定onclick事件
1 <button onclick="document.getElementById('yoo').value = func()"></button>