Search jQuery

jQuery Forum

Screen name:
srkmrs

srkmrs's Profile

1 Posts

0 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

JQuery mobile app. It all boils down to the the click event firing twice in Android
[0Replies]
- 20-Dec-2012 11:11 PM
- Forum: jQuery Mobile
Hi,
I have a problem with a simple JQuery mobile app. It all boils down to the the click event firing twice.
This issue only in Anroid , the same code is working in iPhone.It is working even Anroid emulator.

When I click on the button 'one' or 'two' it will load twice the same page, because of that it seems to be flickered.

Let me know any updates.
Thank you
Sreekumar

Here's the code

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>Test</title>

<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.2.0.css" />

<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/cordova-2.0.0.js"></script>
<script>
document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {
cordova.exec(null, null, "SplashScreen", "hide", []);
}
$(document).bind("mobileinit", function () {
  $.support.cors = true;
        $.mobile.defaultTransition = 'slide';
$.mobile.allowCrossDomainPages = true;
$.mobile.touchOverflowEnabled = true;
});

</script>
<script type="text/javascript" src="js/jquery.mobile-1.2.0.min.js"></script>
</head>
<body>



<div data-role="page" id="one" class="page_background">

<div data-role="header" data-theme="d" class="header_logo">
Page 1
</div>

<ul data-role="listview" data-dividertheme="d">
<li data-role="list-divider"><h1>One</h1></li>
</ul>

<div data-role="content">
<div data-role="navbar" data_theme="a" >
<ul>
<li><a href="#" data-icon="home" class="ui-btn-active ui-state-persist">One</a></li>
<li><a href="#two" data-icon="gear" >two</a></li>
</ul>
</div>
One
</div>

<div data-role="footer" data-position="fixed" >
<div data-role="navbar" data_theme="a" >
<ul>
<li><a href="index.html" data-icon="home" data-transition="fade" >Home</a></li>
</ul>
</div>
</div>

</div>


<div data-role="page" id="two" class="page_background">

<div data-role="header" data-theme="d" class="header_logo">
Page 2
</div>

<ul data-role="listview" data-dividertheme="d">
<li data-role="list-divider"><h1>Two</h1></li>
</ul>

<div data-role="content">
<div data-role="navbar" data_theme="a" >
<ul>
<li><a href="#one" data-icon="home" >One</a></li>
<li><a href="#" data-icon="gear" class="ui-btn-active ui-state-persist">two</a></li>
</ul>
</div>
Two
</div>

<div data-role="footer" data-position="fixed" >
<div data-role="navbar" data_theme="a" >
<ul>
<li><a href="index.html" data-icon="home" data-transition="fade" >Home</a></li>
</ul>
</div>
</div>

</div>

</body>
</html>

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend