lang/jquery

jquery mobile 페이지 전환 깜박거림

C/H 2013. 11. 26. 12:26

참고


<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>jQuery Mobile</title>
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
	<link rel="stylesheet" href="default.css" />
	<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
    $(document).bind("mobileinit", function(){
		$.support.cors = true;
		$.mobile.touchOverflowEnabled = true;
		$.mobile.allowCrossDomainPages = false;
		$.mobile.loadingMessage = "Loading...";
		$.mobile.pageLoadErrorMessage = "Error Loading Data";
		$.mobile.page.prototype.options.addBackBtn= false;
		$.mobile.page.prototype.options.backBtnTheme = "b";
		$.mobile.page.prototype.options.backBtnText = "Back";
		$.mobile.defaultPageTransition = 'slide';
		$.mobile.defaultDialogTransition = 'none';
		$.mobile.loadingMessageTextVisible = true;
		$.mobile.pushStateEnabled = false;
		
		// 깜박거림 문제해결
		var ua = navigator.userAgent;
		if( ua.indexOf("Android") != -1 ){
			var androidversion = parseFloat(ua.slice(ua.indexOf("Android")+8));
			if (androidversion < 4)
			{
				$.mobile.defaultPageTransition = 'none';
				$.mobile.defaultDialogTransition = 'none';
			}
		}
    });
	</script>
	<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
	<script src="default.js"></script>
</head>


반응형