JQUERY MOBILE change page jquery mobile - Net-Raft.com

Welcome aboard! We are happy you are here and wish you good net-raft!

Just a Web Code Solution
join us

change page using jquery mobile


 460

Show ResultJQUERY MOBILE


2

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=EmulateIE9, IE=EDGE" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$( document ).on( "click", "#add1", function() {
$.mobile.changePage('#p2', { transition: "flip"} );
});
$( document ).on( "click", "#add2", function() {
$.mobile.changePage('#p1', { transition: "flip"} );
});
});
</script>

</head>

<body>

<div data-role="page" id="p1">
<div data-role="header"><h1>Header</h1></div>

<div data-role="content">
<a href="#" id="add1" data-role="button">Click Me</a>
</div>

<div data-role="footer"><h4>Footer</h4></div>
</div>

<div data-role="page" id="p2">
<div data-role="header"><h1>Header 2</h1></div>

<div data-role="content">
<a href="#" id="add2" data-role="button">Click Me</a>
</div>

<div data-role="footer"><h4>Footer</h4></div>
</div>

</body>

</htm>

By        
The power of the user (%)
10%

The most helpful JQUERY MOBILE solutions

How detect click jquery mobile button using jquery ?How detect click jquery mobile button using jquery ?JQUERY MOBILE

Click to see more ...

  460     71
How append grid to collapsible using jquery mobile ?How append grid to collapsible using jquery mobile ?JQUERY MOBILE

Click to see more ...

  452     55
change page using jquery mobilechange page using jquery mobileJQUERY MOBILE

Click to see more ...

  460     36
How write code jquery mobile using jquery ?How write code jquery mobile using jquery ?JQUERY MOBILE

Click to see more ...

  346     33
How tick jquery mobile checkboxradio using jquery ?How tick jquery mobile checkboxradio using jquery ?JQUERY MOBILE

Click to see more ...

  227     30
How change a page in jquery mobile ?How change a page in jquery mobile ?JQUERY MOBILE

Click to see more ...

  383     26
Welcome aboard!
We are happy you are here and
wish you good net-raft!