Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
jQuery Mobile Transition Test Case
<!DOCTYPE html>
<meta charset="utf-8">
<title>jQuery Mobile Transition Test Case</title>
<link rel="stylesheet" href="" />
<script src="jquery-1.6.2.min.js"></script>
<script src=""></script>
<script type="text/javascript">
function testCase(shouldChangePage) {
url: '',
success: function (response) {
// Do nothing…
if (shouldChangePage) {
$.mobile.changePage("#articles", { transition: "slide"});
<div data-role="page" id="sites">
<div data-role="header" data-theme="e">
<h1><div class="list-nav-title">Home</div></h1>
<div data-role="content">
<ul id="sitesDisplay" data-role="listview">
<li><a href=#articles onClick="">Test case 0</a></li>
<li><a href=#articles onClick="testCase(false);">Test case 1</a></li>
<li><a onClick="testCase(true);">Test case 2</a></li>
<div data-role="page" id="articles">
<div data-role="header" data-theme="e">
<h1><div class="list-nav-title">Other Mobile Page</div></h1>
<div data-role="content">
Hello world!
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment