CODEWITHSUNDEEP
cssjquery-mobile
QuintenVK
QuintenVK

Reputation: 749

jquery mobile ui-icon not appearing sometimes?

I have a strange issue with jQuery mobile. I am using the latest version (1.1.1), though I also had this issue with 1.1.0 .

The issue being that my icons sometimes do not appear, as in, the image itself does not appear. I test this in chrome. I am not able to reproduce it on purpose, it is a problem which seems to occur randomly. When it does occur, it looks like the top header in the image below. However, when I open the element inspector in chrome and uncheck/check the background (or indeed any) property, the icon magically appears. Does anyone have any clue what is going on?

An image to illustrate the problem: top without icon and bottom with icon

Edit: to clarify, my associate has had the problem as well. This happened in chrome, but on a different computer, so I doubt any nasty plug-in or so is playing evil here.

Edit2: a couple of things I have tried to resolve this problem.

The strange thing is that nearly everything is drawn, apart from the background-image. This occurs for all the icons by the way, so the ones in listviews etc as well. Navigating through pages or reloading does not matter.

Upvotes: 3

Views: 723

Answers (1)

uday
uday

Reputation: 8710

actually your app is not able to locate the jQM's CSS so I would recommend to use the CDN's for getting your css.

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />

Hope it helps.

Upvotes: 1

Related Questions