[jbosstools-issues] [JBoss JIRA] (JBIDE-12274) BrowserSim borks on jquery mobile (RHEL 6.1)

Fri Jan 25 11:32:47 EST 2013

     [ https://issues.jboss.org/browse/JBIDE-12274?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Yahor Radtsevich resolved JBIDE-12274.
--------------------------------------

    Resolution: Won't Fix

    
> BrowserSim borks on jquery mobile (RHEL 6.1)
> --------------------------------------------
>
>                 Key: JBIDE-12274
>                 URL: https://issues.jboss.org/browse/JBIDE-12274
>             Project: Tools (JBoss Tools)
>          Issue Type: Feature Request
>          Components: Visual Page Editor core
>    Affects Versions: 3.3.0.CR1
>         Environment: RHEL 6.1
> JBoss Developer Studio 5.0.0.CR1
>            Reporter: Gabriel De Repentigny
>            Assignee: Yahor Radtsevich
>              Labels: upstream
>         Attachments: jQMrefsRemoved.png, midori-browsersim.png, midori-browsersim.png, python-tabbed-browser.png, Screenshot-BrowserSim .png, windows-7_Safari-5.1.2-7534.52.7.png
>
>
> I'm walking through the JBoss Way Ticket Monster lab. JDS's BrowserSim borks while trying to render mobile.html (pasted below) which is part of the tutorial.
> The problem seems to be with the jquery mobile js file. If you take that include out, it renders (sans-mobile styling).
> {code:xml}
> <!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" />
> <link rel="stylesheet"
> 	href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
> <script type="text/javascript"
> 	src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
> <script type="text/javascript"
> 	src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
> <script type="text/javascript"> 
> 		$(document).on("pageinit", "#page1", function(event){ 
> 			alert("Ready To Go"); 
> 		}); 
> 		$.getJSON("rest/events", function(events) {
> 			// console.log("returned are " + results);
> 			var listOfEvents = $("#listOfItems");
> 			listOfEvents.empty();
> 			$.each(events, function(index, event) {
> 				// console.log(event.name);
> 				listOfEvents.append("<li><a href=’#’>" + event.name + "</a>");
> 			});
> 			listOfEvents.listview("refresh");
> 		});
> 	</script>
> </head>
> <body>
> 	<div data-role="page" id="page1">
> 		<div data-role="header">
> 			<h1>jQuery Mobile</h1>
> 		</div>
> 		<div data-role="content">
> 			<ul id="listOfItems" 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>
> {code}

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira