jquery动态添加元素事件失效问题解决方法 (自测过)

~~~~~~~~~~~~~~~~~

<script type="text/javascript">
	$(function(){  //$(document).ready(
	

     $("ul#goodsspec").on('click','li',function(){     //$("ul#goodsspec li").click(function(){  在此处，不好使，需要用on来实现。如果不是动态追加的没问题

				var code= $(this).val();//$(this).children('option:selected').val();
				//alert(code);
				if(code){
				//alert('666');
						$.ajax({ 
							type:'post',
							url: "{:U('goodsguige')}", 
							data:'id='+code,
							success: function(msg){

								$.each(msg,function(n,value) {   
									//alert(value);
									$('#one').html(value['spec1'])
									$('#two').html(value['spec2'])
									$('#thr').html(value['spec3'])
								});  

								$('#guigelist').css('display','block');
							}
						});
				}//else{
					//window.open( "{:U('addguige')}",'_blank','width=800,height=500,toolbars=yes,resizable=yes,scrollbars=yes,left=200,top=200');
				//}


			});



		})
			   </script>

当使用脚本动态添加元素xxx时，但事件失效，最后使用jquery中on方法解决脚本动态添加元素,需要的朋友可以参考下

今天在写JQUERY时遇到个问题：当使用脚本动态添加元素xxx时，但事件$(".x .y").click(function)...失效问题。


$(".y").on('click','.x',function);   解决

http://www.jb51.net/article/50330.htm