Response title
This is preview!
But the Button is always visible on each of my pages. And the rest of the popup just appears for a sec when I open it like this:
BTW: I have always troubles by posting code in this forum. Every code
will be interpreted even when I use the code-tag.
As you can see, I use the class="ui-btn-active" for the tab
I want to be selected/active. It works fine but just once. When I go
back to page 1, no tab is selected and after that, when I go to page
2, also no tab is selected. How can I prevent this?
<!DOCTYPE html>
<html>
<head>
<title>Books Store</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link type="text/css" rel="stylesheet" media="screen" href="jqtouch.css">
<link type="text/css" rel="stylesheet" media="screen" href="apple.css">
<script type="text/javascript" src="jquery-1.7.js"></script>
<script type="text/javascript" src="jqt.js"></script>
<script type="text/javascript">
var jQT = $.jQTouch({});
</script>
</head>
<body>
<div id="home">
<div class="toolbar">
<h1>Book Store</h1>
</div>
<ul class="edgetoedge">
<li class="arrow"><a href="#books">Books</a></li>
<li class="arrow"><a href="#contactus">Contact Us</a></li>
</ul>
</div>
<div id="books">
<div class="toolbar">
<h1>Books</h1>
<a class="button back" href="#">Back</a>
</div>
<p>We are a US-based organization providing a wide variety of books at a
reasonable price</p>
</div>
<div id="contactus">
<div class="toolbar">
<h1>Contact Us</h1>
<a class="button back" href="#">Back</a>
</div>
<p>XYZ Book Company</p>
<p>11 Books Street, NY, NY 10012 </p>
<p>USA</p>
</div>
</body>
</html>
...it runs without any errors, but I always see a black background and I see all pages (div´s) in one page. I tried everything, nothing works...
Any idea?
© 2013 jQuery Foundation
Sponsored by and others.