Question

After adding jquery mobile, every time I load my website, I am getting the following border around it and the following “loading…” header tag, shown in the picture below.

Any idea why this is happening and what I can do to avoid it? It never disappears, even after I would expect it to complete loading.

Some of the css from the elements shown in the picture below, that gets dynamically added:

<div class="ui-loader ui-corner-all ui-body-a ui-loader-default">
   <span class="ui-icon ui-icon-loading"></span>
   <h1>loading</h1>
</div>

http://i46.tinypic.com/2rrp3yp.png

UPDATE: Just found that adding the jquery mobile css, fixed the problem, listed above, however, I am only using jquery mobile for one swipe event. Is there a way to not use jquery mobile’s css?

Answer 1

Try building a version of jQuery Mobile that just has Touch.

http://jquerymobile.com/download-builder/

• Note: This download builder is beta software currently so use at your own risk.