-4
rated 0 times
[
1]
[
5]
/ answers: 1 / hits: 10172
/ 11 Years ago, thu, february 27, 2014, 12:00:00
I am using Phonegap and i want to use zoom in / out option on pinch using jquery mobile.
I have tried jgesture and hammer plugins for zooming it. Where i am wrong in this code?
<html>
<head>
<meta charset=utf-8 />
<meta name=format-detection content=telephone=no />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<meta name=viewport content=user-scalable=yes, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi />
<link rel=stylesheet type=text/css href=css/index.css />
<link rel=stylesheet type=text/css href=css/jquery.mobile-1.4.1.min.css />
<title>Hello World</title>
<script type=text/javascript src=js/jquery-1.9.1.min.js></script>
<script>
$(document).bind(mobileinit, function(){
$.mobile.metaViewportContent = width=device-width, minimum-scale=1, maximum-scale=2;
});
</script>
<script type=text/javascript src=js/jquery.mobile-1.4.1.min.js></script>
</head>
<body>
<div class=app>
<h1>PhoneGap</h1>
<div id=deviceready class=blink>
<p class=event listening>Connecting to Device</p>
<p class=event received>Device is Ready</p>
</div>
</div>
<script type=text/javascript src=phonegap.js></script>
<script type=text/javascript src=js/index.js></script>
<script type=text/javascript>
app.initialize();
</script>
</body>
</html>
More From » jquery