Loading...

Copy code

Permalink

Please tell us why you want to mark the subject as inappropriate. (Maximum 200 characters)

Private Message

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

Feedback

Email ID

Subject :

Comments :

Private Message

Type the characters you see in the picture below.

Attach files

Desktop Zoho Docs Google Docs

Each Attachment size should not exceed 1MB. Max no of attachments : 3

Loading User Profile...

guest

Response title

This is preview!

Attachments

()

Sign In

New to this Portal? Click here to Sign up

You can also use the below options to login

Login with Facebook
Login with Google
Login with Yahoo

jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate

All Forums
Recent Posts
Log In

Search jQuery

Search

jQuery Forum

Screen name:
seba229

seba229's Profile

1 Posts

0 Responses

0 Followers

Activity Trend

Last 30 days

Last 30 days
Date Interval

From Date :

To Date :

Loading Chart...

Posts
Responses
PM

Show:

Expanded view
List view

Private Message

Some button icons do not show up
[0Replies]
- 12-Jan-2013 10:35 AM
- Forum: jQuery Mobile
I'm using jQuery mobile locally (not from CDN) and everything worked fine until now.
I want to change the icons of some buttons as described here, but some icons (e.g. bars and edit) do not work.

Edit: Tried the CDN files, which doesn't work either.

If I use for example this code:
1. <div data-role="content">
2. <a href="index.html" data-role="button" data-icon="edit">My button</a>
3. </div>
The button gets rendered with a plus icon.
The strange thing is that some icons (like plus, arrow-u, arrow-d, forward and check) work just fine.
Does someone have any suggestions what could have went wrong here?
Thanks in advance!

My folder structure is the following:
1. ./: index.html
2. ./css: jquery.mobile-1.2.0.css jquery.mobile-1.2.0.min.css
3. ./css/images: ajax-loader.gif icons-18-white.png icons-36-white.png icons-18-black.png icons-36-black.png
4. ./js: custom-scripting.js jquery-1.8.3.min.js jquery.mobile-1.2.0.min.js jquery-1.8.3.js jquery.mobile-1.2.0.js
The head of my html file looks like this:
1. <head>
2. <meta charset="utf-8">
3. <meta name="viewport" content="width=device-width, initial-scale=1">
4. <link rel="stylesheet" href="./css/jquery.mobile-1.2.0.css" />
5. <script src="./js/jquery-1.8.3.js"></script>
6. <script src="./js/custom-scripting.js"></script>
7. <script src="./js/jquery.mobile-1.2.0.js"></script>
8. </head>

«Prev
Next »

Moderate user : seba229

Forum