LinkBack URL
About LinkBacks
I've recently wanted to try out JQTouch. So I just made a simple HTML script, and tried to throw some JQTouch in there to make it look iPhone-ish. The problem is, the script works without JQTouch, but once I add JQTouch, the internal links stop working. Here is the code, if anyone knows why it would be doing this, please let me know.
Code:DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Sample</title> <script src="jqtouch/jquery.js" type="text/javascript" charset="utf-8"></script> <script src="jqtouch/jqtouch.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="jqtouch/jqtouch.css" type="text/css" media="screen" charset="utf-8"> <link rel="stylesheet" href="themes/jqt/theme.css" type="text/css" media="screen" title="no title" charset="utf-8"> <script type="text/javascript" charset="utf-8"> $.JQTouch({ statusBar: 'black' }); </script> </head> <body> <div id="home" class="current"> <div class="toolbar"> <h1>Jeremy</h1> <a class="button flip" href=#settings>Settings</a> </div> <ul class="edgetoedge"> <li class="arrow"><a href="#dates">Dates</a></li> <li class="arrow"><a href="#about">About</a></li> </ul> </div> <div id="about"> <div class="toolbar"> <h3>Jeremy</h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget pharetra nunc. Praesent sit amet pretium tellus. Ut justo tellus, ultricies at lacinia non, accumsan at tortor. In lobortis, neque nec ultricies faucibus, risus leo bibendum mi, adipiscing tristique metus leo nec est. Quisque ligula magna, pretium ut mattis id, placerat non magna. Aenean sodales pharetra auctor. Vivamus ac nisi quis purus rhoncus rutrum ac ac justo. Vestibulum a urna ut nunc feugiat fermentum nec congue augue. Etiam feugiat venenatis sapien et tincidunt. Praesent sed justo eu arcu egestas porta. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Curabitur vitae metus dapibus dui eleifend varius quis nec nulla. Proin magna felis, laoreet ac egestas sit amet, gravida in leo. Vivamus neque massa, lacinia vel convallis at, iaculis sit amet turpis. Curabitur lobortis, urna id scelerisque fringilla, lorem odio pulvinar diam, id rhoncus eros massa ac lorem. Donec in ipsum diam. </div> </div> <div id="settings"> <div class="toolbar"> <h1>Settings</h1> <a class="button cancel" href="#">Cancel</a> </div> <form> <ul> <li><input placeholder="Age" type="text" name="age" id="age" /></li> <li><input placeholder="Age" type="text" name="age" id="age" /></li> <li><input placeholder="Age" type="text" name="age" id="age" /></li> <li><input placeholder="Age" type="text" name="age" id="age" /></li> <li><input placeholder="Age" type="text" name="age" id="age" /></li> <ul> </form> </div> </body> </html>
Reply With Quote