I am trying to understand the basics of the Ubuntu HTML5 UI.
I have used the following sample Code from developer.ubuntu.com
<body>
<div data-role="mainview">
<header data-role="header">
<ul data-role="tabs">
<li data-role="tabitem" data-page="main">Main</li>
<li data-role="tabitem" data-page="anotherpage">Another</li>
</ul>
</header>
<div data-role="content">
<div data-role="tab" id="main">
main
</div>
<div data-role="tab" id="anotherpage">
another
</div>
</div>
</div>
</body>
When I run this basic code from the SDK I get a top navigation Element with 2 Tabs and a main display below displaying the text: "main". So far so good. Now when I try to change the tab to "another", the navigation animation runs, the tab switches in the Title but nothing happens in the mainview area. Also, the navigation appears to be dead after this. It no longer responds to any input at all.
What am I doing wrong?
<div data-role="page" id="anotherpage">
, so "page" and not "tab". That's what I see in Ubuntu SDK example html5 app