Why jquery mobile styles not loading on xcode simulator build using phone gap?

StackOverflow https://stackoverflow.com/questions/9092579

  •  21-04-2021
  •  | 
  •  

Question

enter image description hereI've implemented a simple app using a listview From jQuery-mobile, it appears as hyperlink on the iphone simulator & device. It works fine on android.

enter image description here PhoneGap 

     <script type="text/javascript" src="jquery-1.6.4.min.js"></script> 


     <script type="text/javascript" src="jquery.mobile-1.0.min.js"></script> 
</head>
<body>

<div data-role="page">

<div data-role="header">
    <h1>My Title</h1>


</div><!-- /header -->

<div data-role="content">   
    <p>Hello world</p>      
<!-- /content -->
<form>
<a href="#" data-role="button" data-icon="star">Star button</a>
</form</div>
<ul data-role="listview" data-inset="false" data-filter="false">
<li><a href="#">Acura</a></li>
<li><a href="#">Audi</a></li>
<li><a href="#">BMW</a></li>
<li><a href="#">Cadillac</a></li>
<li><a href="#">Ferrari</a></li>
</ul>
</div>

Was it helpful?

Solution

You may need add code.jquery.com to ExternalHosts in PhoneGap.plist, if you link online jquery mobile file to your html file.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top