jQuery mobile 和 js 的双重执行

Question

我已将文件附加到页面底部(正文之前):

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="/js/mobile.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>

在mobile.js中是这样的代码:

$(document).ready(function(){
    console.log('test')
});

Firebug 返回我“测试”两次，为什么？

Answer 1

建议对 jQuery mobile 使用 pageInit 事件，而不是 $(document).ready。有关更多详细信息，请参阅此页面:jQuery Mobile Docs - Events .

您可以使用的代码:

$("#yourPage").live('pageinit', function() {
    console.log('test');
});

这可能会解决您的问题。