如果在页面中包含一个ajax更新的列表,那么需要小心非动态更新部分的事件处理。
以带有公共工具栏的列表界面为例:
| Menu1 | Menu2
----------------------------------------------------------------------------
ID TITLE DESCRIPTION OPERATION
1 test1 hey test X - ...
2 test2 why not X - ...
----------------------------------------------------------------------------
$.ajax( .... data: { ... },success: function(data) { $('Menu1').click( function(){ //do something } ); } )
由于Menu1界面部分是公共的,并不会随着列表数据的更新而被重新载入,那么上面的代码将产生重复的click事件触发(在多次更新列表后)。
所以我们要注意,在ajax列表更新的结果处理中,不能包含工具栏事件侦听的重新初始化。