iT邦幫忙

DAY 15
1

學習手機網站開發系列 第 12

JQuery Mobile 滑動換頁效果 -Day 15

利用手機滑動切換顯示內容。
下面分享滑動切換內容效果運用
●html內容:

●利用JQuery Mobile swipe事件

$function(){
			$("#li2").bind("swipeleft",function(){
				$.mobile.changePage("#page2");
			});
			$("#li1").bind("swiperight",function(){
				$.mobile.changePage("#page1".transition:"slide",reverse:true},true,true);
			});
		});

默認的切換效果會從左往右,所以要加上reverse:true,這样就可以實現左右切換了
以上小小分享,有任何問題還請多多指教謝謝謝謝謝謝


上一篇
利用ThemeRoller 工具自訂主題樣式- Day 14
下一篇
JQuery Mobile日期選擇插件(DateBox)-Day 16
系列文
學習手機網站開發27

尚未有邦友留言

立即登入留言