Geek Answers Handbook

JQuery why some of my icons start to look wrong

I am using jQuery mobile for my application. Everything was in order, but I just noticed that the two points below do not look right.

The first is a selection, and instead a small gray circle is used as an empty arrow.

And secondly, the spinning wheel there was an animation wheel, now there is an empty gray circle.

Not sure which part of the code change really influenced this, any ideas?

enter image description here

enter image description here

+7
source share
2 answers

Mayu Mayooresan answer is correct for using CDN-Hosted jQuery-Mobile.

If you want to host it locally, download jQuery Mobile , extract the files to the /js/ folder. The structure should look like this:

HTML files directly in the root folder

WebApp / Index.html

Scripts in root / JS folder

Webapp / js / jquery.mobile-1.3.0.min.css

Webapp / js / jquery-1.8.2.min.js

Webapp / js / jquery.mobile-1.3.0.min.js

Images as root / JS / images / folder

WebApp / JS / Images / Ajax-loader.gif

Webapp / js / image / badge-18-black.png

Webapp / js / image / icon-36-black.png

Webapp / js / image / badge-18-white.png

Webapp / js / image / icon-36-white.png

In your HTML file:

 <head> <link rel="stylesheet" href="js/jquery.mobile-1.3.0.min.css" /> <script src="js/jquery-1.8.2.min.js"></script> <script src="js/jquery.mobile-1.3.0.min.js"></script> </head>
+4
source

You are missing links to image files. You should get the images in your project. When you load the library into a ZIP file, you can find the folder containing the images.

Others use CDN as shown below.

 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
+4
source

More articles:


All Articles