[jbosstools-issues] [JBoss JIRA] (JBIDE-11511) HTML5 jQuery Mobile Template
[
https://issues.jboss.org/browse/JBIDE-11511?page=com.atlassian.jira.plugi...
]
Kris Borchers edited comment on JBIDE-11511 at 4/11/12 11:08 AM:
-----------------------------------------------------------------
I would make a couple of recommendations. First, I would wait a little bit longer (the end
of this week if nothing comes up) and jQM 1.1 will be out. Then you can also use jQ 1.7.1
(I don't think it will support 1.7.2 until the next maintenance release). Also, you
should bind to the pageinit event instead of doc ready with jQM so give your page an ID
(page1 or what ever) and then do something like:
bq. $("#page1").on("pageinit", function(event){ alert("Ready To
Go"); });
was (Author: kborchers):
I would make a couple of recommendations. First, I would wait a little bit longer (the
end of this week if nothing comes up) and jQM 1.1 will be out. Then you can also use jQ
1.7.1 (I don't think it will support 1.7.2 until the next maintenance release). Also,
you should bind to the pageinit event instead of doc ready with jQM so give your page an
ID (page1 or what ever) and then do something like:
{quote}
$("#page1").on("pageinit", function(event){
alert("Ready To Go");
});
{quote}
HTML5 jQuery Mobile Template
----------------------------
Key: JBIDE-11511
URL: https://issues.jboss.org/browse/JBIDE-11511
Project: Tools (JBoss Tools)
Issue Type: Enhancement
Components: common/jst/core
Reporter: Burr Sutter
Assignee: Alexey Kazakov
Fix For: 3.3.0.Beta3
Attachments: Screen Shot 2012-04-10 at 5.14.27 PM.png
The proposed template:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Template</title>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1,
user-scalable=0"/>
<link rel="stylesheet"
href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.css&qu...
<script type="text/javascript"
src="http://code.jquery.com/jquery-1.6.4.js"></script>
<script type="text/javascript"
src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.js"...
<script type="text/javascript">
$(document).ready(function() {
alert("Ready To Go");
});
</script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>jQuery Mobile</h1>
</div>
<div data-role="content">
<ul id="listOfEvents" data-role="listview"
data-inset="true" data-filter="true">
<li><a href="">One</a></li>
<li><a href="">Two</a></li>
<li><a href="">Three</a></li>
</ul>
</div>
<div data-role="footer">
<h4>www.jboss.org/developer</h4>
</div>
</div>
</body>
</html>
--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators:
https://issues.jboss.org/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira