背景：一个列表页，有一系列同类名的元素，需要为每一个动态添加的列表项添加事件；

 

点击选择下图中不同的文档类型，再通过 ajax 动态加载不同的文档。

 

 

 

 

使用过的方法：

1、通知 jquery 的 $(selector).on('click',function(){}) 在动态添加元素的后一步执行，此段代码是在 ajax 内部，如下：

$(".task-doc-list").append(tempStr);$("body").on("click", ".task-doc-list .task-doc-operation", setClickEvent);

 .task-doc-list 是静态存在的元素；动态添加事件的元素是 “.task-doc-operation"

使用这种方法，可以添加事件，也能正常执行，但存在2个问题：

1、初次打开页面时为正常，若是通过上面的菜单选项，选择不同的文档类型后，此时，事件便不能添加成功了，问题暂不明白。

2、所加载的文档是有分页，在多页的情况下时，当加载下一页后，事件会被再次添加，导致事件会根据加载分页次数添加多次事件。

故不能使用此方法。

 

2、在 ajax 外部，通过下述方法不仅解决方法1的问题，且能正常添加事件，事件也仅添加、执行一次。

$(".task-doc-list").on("tap", ".task-doc-operation", function(){	mui.alert("待开发...", "提示");});

 此方法重点是将 事件名 'click' 更换为 'tap' ，如果此法放在 ajax 内部，依然会存在问题。此法为何成功，原因暂不明。