[jbosstools-issues] [JBoss JIRA] (JBIDE-12274) BrowserSim borks on jquery mobile (RHEL 6.1)
Yahor Radtsevich (JIRA)
jira-events at lists.jboss.org
Mon Jul 16 11:31:31 EDT 2012
[ https://issues.jboss.org/browse/JBIDE-12274?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]
Yahor Radtsevich updated JBIDE-12274:
-------------------------------------
Description:
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}
was:
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).
<!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>
> 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
> 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.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: https://issues.jboss.org/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira
More information about the jbosstools-issues
mailing list