Jquery Mobile 中绑定页面事件及页面生命周期

阅读更多

对于JQuery Mobile中的事件绑定

原来的写法是
选择器 on(事件名，调用函数）｛
｝
如：

$("#page2").on("pagecreate",function(event,data) {
	console.log("pagecreate event");
});

而在新的JQM中
采用了新的写法，老的写法已经不好用了

$(document).on("pagecreate", "#page2", function( event,data ) {
	console.log("pagecreate event");
});

另外，关于live 和 on方法，在JQuery 1.9版本以后，已经移除了live方法，而采用on方法来监听事件，用off方法来删除对事件的监听。

另外，对于页面的生命周期来说
顺序依次为

page1 pagecreate
page1 pageinit
page1 pageshow
$(function())
$(document).ready
$(window).load

(点击跳转页面)
page2 $(document).ready
page2 pagecreate
page2 pageinit
page1 pagehide
page2 pageshow


可用如下例子来做验证

MainPage.html

	
	

	
	
	

	


	

		

			mainpage
		

		link to page1
		

		link to page2
	

page1.html

	
	

	
	
	


	
	

		
		

			page1;
		

		link to mainPage
		

		link to page2
	

page2.html

	
	

	
	
	


	

		
		

			page2;
		

		link test