Kendo UI Mobile base
HTML
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.229/styles/kendo.mobile.all.min.css">
<div data-role="layout" data-id="default">
<footer data-role="footer">
<div data-role="tabstrip">
<a href="#view1" data-icon="action">View 1</a>
<a href="#view2" data-icon="action">View 2</a>
<a href="#view3" data-icon="action">View 3</a>
</div>
</footer>
</div>
<div data-role="view" id="view1">view1
<a data-role="button" href="#view1child">View 1 child</a>
</div>
<div data-role="view" id="view1child">view 1 child</div>
<div data-role="view" id="view2" data-before-show="prevent">view 2</div>
<div data-role="view" id="view3">view 3</div>
JavaScript
var app = new kendo.mobile.Application(document.body, {layout: "default"});
function prevent(e) {
e.preventDefault();
app.navigate("#:back");
}