[
https://issues.jboss.org/browse/JBIDE-12274?page=com.atlassian.jira.plugi...
]
Kris Borchers commented on JBIDE-12274:
---------------------------------------
I do not have a RHEL machine to test with but should get a VM running that at some point.
That being said, I don't think this is a jQM issue. The fact that the page renders
fine in every other webkit browser I have tested leads me to believe it is something with
BrowserSim. If I had to guess, I would say it may have to do with something messing with
the DOM while jQM is initializing. jQM waits for domready then manipulates the content to
give it the mobile styling and then fires a pageinit event which is what you listen for to
tell your app that jQM is ready. My guess, and this is just a guess, is that maybe
BrowserSim is doing something to the document after it reports domready and that is
messing with jQM's initialization. Again, this is just speculation as I haven't
been able to actually test anything on RHEL.
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
Fix For: 3.4.0.M1
Attachments: 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}
--
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