尝试使用 pageinit 而不是 document.ready 和 rel="external"。这是在页面初始化后触发的。您还可以使用其他事件,具体取决于您的需要,例如 pageshow 或 bagebeforeshow。
$( '#aboutPage' ).live( 'pageinit',function(event){
alert( 'This page was just enhanced by jQuery Mobile!' );
});
更多关于 jQM 事件http://jquerymobile.com/demos/1.1.1/docs/api/events.html
以下是他们对 document.ready 的评价:
重要提示:使用 $(document).bind('pageinit'),而不是 $(document).ready()
在 jQuery 中学习的第一件事是调用 $(document).ready() 函数中的代码,以便在加载 DOM 后立即执行所有内容。但是,在 jQuery Mobile 中,Ajax 用于在您导航时将每个页面的内容加载到 DOM 中,并且 DOM 就绪处理程序仅针对第一页执行。要在加载和创建新页面时执行代码,您可以绑定到 pageinit 事件。此事件在本页底部有详细说明。