jQuery无法绑定新增元素click事件的解决方案

$(".document_arrow_down").click(
	function(){
		alert("document_arrow_down click");
		resetDocumentBtn()
		$(this).hide();
		$(this).siblings(".document_arrow_up").show();
		$(this).parent().siblings(".document_btn_box").show();
	}
);

上面的代码可以绑定原页面已有的元素，但对于新添加的元素却绑定失败，查看chrome的event listeners，看不到这个事件，下图是静态元素的结果

下图是动态元素的结果

原因是“绑定”这一事件发生在生成元素之前，新生成的元素没有触发。改法是用on方法，前面绑定一个静态元素，后面选择要绑定的静态元素

$("#document_box").on("click", "li .document_info .document_arrow_down",
	function(){
		resetDocumentBtn()
		$(this).hide();
		$(this).siblings(".document_arrow_up").show();
		$(this).parent().siblings(".document_btn_box").show();
	}
);

这样在chrome的event listeners里依然看不到，但可以生效。猜想event listeners只有静态的绑定事件。