]
Konstantin Marmalyukov updated JBIDE-12274:
-------------------------------------------
Fix Version/s: 4.3.x
(was: 4.1.x)
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: browsersim
Affects Versions: 3.3.0.CR1
Environment: RHEL 6.1
JBoss Developer Studio 5.0.0.CR1
Reporter: Gabriel De Repentigny
Assignee: Konstantin Marmalyukov
Labels: upstream
Fix For: 4.0.0.Alpha1, 4.3.x
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.cs... />
<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 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}