动态添加DOM元素后，新元素jQuery点击事件失效【问题解决】

HTML内容：

<ul class="nav nav-tabs" id="myTabs">
</ul>

动态添加dom:

$('#myTabs').append(
	"<li role='presentation'><a href='#"+id+"'>"+key+"</a></li>"
					);

绑定事件：

$('#myTabs a').click(function (e) {
        	  e.preventDefault();
        	  $(this).tab('show');
        	});

测试发现点击事件无效。

解决：改用on()方法绑定

$('#myTabs').on("click","a",function (e) {
        	  e.preventDefault();
        	  $(this).tab('show');
        	});