/* JQuery Mobile 的4个初始化事件 */
$(document).bind('mobileinit', function(){
window.alert('1. JQuery Mobile加载时最先触发的事件');
// page loader 属性设置
$.mobile.loader.prototype.options.text = "正在加载中 ...";
$.mobile.loader.prototype.options.textVisible = true;
$.mobile.loader.prototype.options.theme = "b";
// page loader error 属性设置
$.mobile.pageLoadErrorMessage = "加载错误 ...";
$.mobile.pageLoadErrorMessageTheme = "b";
});
$(document).bind("pagebeforecreate", function (event, data) {
window.alert('2. 在页面正在初始化的时候触发(在初始化完成之前)!');
});
$(document).bind("pagecreate", function (event, data) {
window.alert('3. 在页面正在初始化的时候触发(在初始化完成之后)!');
});
$(document).bind("pageinit", function (event, data) {
window.alert('4. 在HTML已经在DOM中建立完成,初始化也完成!');
});
<!-- 这些代码需要加载的位置 -->
<script type="text/javascript" src="../_assets/scripts/jquery-1.9.0.js"></script>
<script type="text/javascript">
<!-- 代码需要加载的位置 -->
</script>
<script type="text/javascript" src="../_assets/scripts/jquery.mobile-1.3.0-beta.1.js"></script>