jQuery Mobile 如何通过ajax方式动态加载页面？

1.首先对于页面切换，使用changePage来执行，并且可以传递参数来确定是跳转到哪个页面

当然，pagebeforechange事件也能获取到跳转文件的扩展名，不过还是觉得自己传参数靠谱

2.监听pagebeforechange事件，来处理页面切换之前处理，然后通过自己传的页面参数来判断，要跳转到的页面，然后根据自己需求来加载JS文件

3.动态加载JS文件，通过JQuery 的getScript方法来加载JS

(在监听事件的时候，可能考虑到，加载JS,后，导致内存增加

但是http://stackoverflow.com/questions/5108002/how-to-delete-script-loaded-by-getscript

上面写，getScript，不是相当于load了一个script，他是下载后来直接运行，所以不需要考虑这个问题，不过，这块还有待于确认）

优点

这样就避免了加载JS文件大又能捕捉到page页面的create 和 init事件以及处理其他的内容

而且可以把JS文件很明确的分到具体的文件中，也方便管理！

最简单的一种方式是，能过JQuery来实现:

例:$.ajax({

url:"a.aspx?a=123",

type:"post",

success:function(data){

}

})

Ajax的原理就是:通过javascript的方式，将前台数据通过xmlhttp对象传递到后台，后台在接收到请求后，将需要的结果，再传回到前台，这样就可以实现不需要页面的回发，页是数据实现来回传递，从页实现无刷新。(全是自己的理解，不是copy的)

例如上面的代码就是，请求a.aspx页面，将查询参数a=123传递给哪个页面后，哪个页面接收到数据，处理完后，如果成功，即进入success函数，里面的data即为回传的值，然后再将 data的内容通过js的控制，让其显示到页面上。

我推荐楼主最好用 jquery框架(轻量很好用)，自己完全用js也可以。

上面全是自己的理解，如果哪里有不对，请谅解。

给每张大图设置不同的class，在你的xml回调函数中分别绑定easyzoom；

第二种方式是：

那个easyzoom的代码有bug，改它

第三种方式是：

在xml回调函数最后边加上绑定函数，为每个元素分别绑定；

$('a.zoom').each(function(){$(this).easyZoom()})

---