Untitled

<!DOCTYPE html>
<html>
<head>
<title></title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />

	<link rel="stylesheet" type="text/css" href="./appframework/css/appframework.css" title="default" />
	<link rel="stylesheet" type="text/css" href="./appframework/css/icons.css" />
    <link rel="stylesheet" type="text/css" href="./appframework/css/af.ui.css" title="default" />
	<link rel="stylesheet" type="text/css" href="./appframework/plugins/css/af.scroller.css"  />

	<script src="./jquery-2.1.1.js"></script>
	<script type="text/javascript" charset="utf-8" src="./appframework/jq.appframework.js"></script>
	<script type="text/javascript" charset="utf-8" src="./appframework/ui/appframework.ui.js"></script>

	<script type="text/javascript" charset="utf-8" src="./appframework/plugins/af.css3animate.js"></script>
	<script type="text/javascript" charset="utf-8" src="./appframework/plugins/af.scroller.js"></script>
	<script type="text/javascript" charset="utf-8" src="./appframework/plugins/af.touchEvents.js"></script>
	<script type="text/javascript" charset="utf-8" src="./appframework/plugins/af.touchLayer.js"></script>

	<script>
		if (!((window.DocumentTouch && document instanceof DocumentTouch) || 'ontouchstart' in window)) {
			var script = document.createElement("script");
			script.src = "./appframework/plugins/af.desktopBrowsers.js";
			var tag = $("head").append(script);
			//$.os.desktop=true;
		}

		$.ui.useOSThemes=true;
		$.ui.openLinksNewTab = false;
		$.ui.splitview=false;
	</script>
</head>
<body>
<div id="afui">
	<div id="splashscreen">
	</div>
	<div id="content">
				<script>
					var touchstart = function(e){
						console.log('touch start');
					};
					var touchstop = function(e){

						console.log('touch stop');
					};
					var touchmove = function(e){

						console.log('touch move');
					};
				var mload = function(){
					$(document.body)
						.bind("touchstart",touchstart)
						.bind("touchmove",touchmove)
						.bind("touchend",touchstop)
						.bind("touchcancel",touchstop);

					$(document.body)
						.unbind("touchstart",touchstart)
						.unbind("touchmove",touchmove)
						.unbind("touchend",touchstop)
						.unbind("touchcancel",touchstop);

					console.log('onload');
				}
			</script>
		<div class="panel" id="main" data-load="mload">
			main
		</div>
	</div>
</div>
</body>
</html>