Uploaded image for project: 'Tools (JBoss Tools)'
  1. Tools (JBoss Tools)
  2. JBIDE-12274

BrowserSim borks on jquery mobile (RHEL 6.1)

XMLWordPrintable

    • Icon: Feature Request Feature Request
    • Resolution: Done
    • Icon: Major Major
    • 4.3.0.Alpha1
    • 3.3.0.CR1
    • browsersim

      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>
      

        1. browsersim-rhel6.png
          261 kB
          Karel Piwko
        2. jQMrefsRemoved.png
          31 kB
          Tomas Repel
        3. midori-browsersim.png
          41 kB
          Yahor Radtsevich
        4. midori-browsersim.png
          41 kB
          Yahor Radtsevich
        5. python-tabbed-browser.png
          34 kB
          Yahor Radtsevich
        6. Screenshot-BrowserSim .png
          27 kB
          Gabriel De Repentigny
        7. windows-7_Safari-5.1.2-7534.52.7.png
          37 kB
          Yahor Radtsevich

            kmarmaliykov Konstantin Marmalyukov (Inactive)
            derepentigny Gabriel De Repentigny (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            9 Start watching this issue

              Created:
              Updated:
              Resolved: