JQueryMobel页面绑定pageinit事件采用ajax创建listview，转到其他界面返回时导致listview重复问题

最近正在开发一个OA系统，要求支持android和ios设备访问。顾前台采用jqueryMobel展示效果。

如下图所示：

具体做法是在pageinit事件中采用ajax请求后台，将列表一列一列展现出来。

代码如下：

$(document).bind('pageinit', function () {			        	
        	$.ajax({
        		url: 'XXXX',
                        ...........等等，在success方法中取出数据，动态添加。
                });
});

解释：

在界面加载完成后，绑定pageinit事件。

但是这样做会出现下面的问题……

例如：点击某一个列表，进入其他界面，此时点击返回，重新回退到列表界面，会发现展示的列表项重复，如下所示。

问题原因：

首先页面初始化时，加载一次listview。当点击到其他界面再退回时，又出发一次pageinit事件，所以会导致listview无线重复的现象。

解决办法：

在pageinit方法中解除绑定即可，代码如下：

$(document).bind('pageinit', function () {
        	//事件解绑,否则会出现重复的列表
        	$(document).off('pageinit');

        	$.ajax({.............});
});