紧急求助一个jquery mobile问题

Question

场景是这样的：

一个页面中有两个page,如下

 <div data-role="page" id="page">
    <div data-role="header"data-position="fixed">
    <a href="#index" id="indexBtn" data-role="none" data-direction="reverse"  data-transition="slide"></a>
    </div>
这里是页面内容
</div>

<div data-role="page" id="index">
这里是一个索引目录
</div>

我希望在id=indexBtn的按钮点击是显示id=index的页面。上面是可以实现的。

同时，我给整个document绑定了pageinit事件，进行业务处理和ajax获取数据，这些脚本写外部引用的js文件中。

 $(document).bind("pageinit",function(){
这里时ajax请求
｝

问题是：
当我点击indexBtn调出index页面时（页面显示之前），document上绑定的pageinit事件触发了多次（从发出的ajax请求可以看出）
请教这个问题如何解决？拜谢！

Answer 1

试试：$("#page").bind("pageinit", function(){
//TODO
});