<meta http-equiv="refresh" content="0; url=index.xml">
// Code goes here
$(document).on("pagecontainershow", function(e, data) {
var page = $(data.toPage),
pageUrl = page.jqmData("url"),
filename = $.mobile.path.parseUrl(pageUrl).filename;
console.log(e.type,e.target, data.toPage,filename)
})
/* Styles go here */
<?xml-stylesheet type="text/xsl" href="index.xsl"?>
<html>
<head>
<title>
index
</title>
</head>
<body>
<div data-role="page">
<div data-role="header" data-position="fixed">
<h1>
Home Page
</h1>
</div>
<div role="main" class="ui-content">
<p>
Content
</p>
<a href="second.xml" data-transition="flip" class="ui-btn">
Second Page
</a>
</div>
<div data-role="footer" data-position="fixed">
<h1>
Footer
</h1>
</div>
</div>
</body>
</html>
<?xml-stylesheet type="text/xsl" href="index.xsl"?>
<html>
<head>
<title>
Second
</title>
</head>
<body>
<div data-role="page">
<div data-role="header" data-position="fixed">
<h1>
Second Page
</h1>
</div>
<div role="main" class="ui-content">
<p>
Content
</p>
<a href="index.xml" data-transition="flip" class="ui-btn">
Index
</a>
</div>
<div data-role="footer" data-position="fixed">
<h1>
Footer
</h1>
</div>
</div>
</body>
</html>
<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" doctype-system="about:legacy-compat" />
<xsl:template match="html">
<html>
<head>
<title>
<xsl:value-of select="head/title" />
</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<link rel="stylesheet" href="style.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script src="script.js"></script>
</head>
<xsl:copy-of select="body" />
</html>
</xsl:template>
</xsl:stylesheet>