Reputation: 12538
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?
Upvotes: 1
Views: 636
Reputation: 10385
Try building a version of jQuery Mobile that just has Touch.
http://jquerymobile.com/download-builder/
Upvotes: 4