Going to this style sheet didn't work.
<link rel="stylesheet" type="text/css" href="jquery.mobile/jquery.mobile-1.4.5.min.css" />
You're using a MUCH older version of JQ 1.12.4... If I go backwards, how many other things will I break just for a tabs widget that should work as advertised? (this is where I start getting crabby and cynical!)
I'm not using this page as an external page, it's an ajax load into the dom.
So far these changes haven't moved me along at all... In fact, using the html from the 1.5.0 link you provided above doesn't work either:
- <div data-role="page" id="page1">
<div data-role="header">
<h1>jQuery Mobile Example</h1>
</div>
<div role="main" class="ui-content">
<div data-role="tabs">
<div data-role="navbar">
<ul>
<li><a href="#fragment-1" class="ui-btn-active">One</a></li>
<li><a href="#fragment-2">Two</a></li>
<li><a href="#fragment-3">Three</a></li>
</ul>
</div>
<div id="fragment-1">
<p>This is the content of the tab 'One', with the id fragment-1.</p>
</div>
<div id="fragment-2">
<p>This is the content of the tab 'Two', with the id fragment-2.</p>
</div>
<div id="fragment-3">
<p>This is the content of the tab 'Three', with the id fragment-3.</p>
</div>
</div>
</div>
</div>