[jbosstools-issues] [JBoss JIRA] (JBIDE-11511) HTML5 jQuery Mobile Template

Wed Apr 11 11:07:51 EDT 2012

    [ https://issues.jboss.org/browse/JBIDE-11511?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12683076#comment-12683076 ] 

Kris Borchers edited comment on JBIDE-11511 at 4/11/12 11:07 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:

{quote}
$("#page1").on("pageinit", function(event){
alert("Ready To Go");
});
{quote}

      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"/>
>     
>     <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>
>     	    
>     <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