CODEWITHSUNDEEP
jqueryjquery-ui
orpqK
orpqK

Reputation: 2795

Using the jquery UI icons locally

I need to be able to use a jquery icon in my js file. I was importing the UI js like :

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

But I need to have it locally in my folder, so I downloaded the js and now it is: 

<script src="scripts/jquery-ui.min.js"></script>

But this cause my icon not to load at this part of my code: 

icons: {primary: "ui-icon-folder-open"},

I need this ui-icon-folder-open icon, where do I get this jpg image, and how do I call this?

Upvotes: 1

Views: 1834

Answers (2)

Mooseman
Mooseman

Reputation: 18891

By default, the jQuery UI CSS is looking for the icon in images/[spriteName].png. (The images directory should be in the same directory as the css.)

You can download jQuery UI (inclusive of JS, CSS, images, and demos) at http://jqueryui.com/download/.

A list of icon classes can be found in the docs here: http://api.jqueryui.com/theming/icons/

Upvotes: 1

Oliver
Oliver

Reputation: 13031

You need the resources (like icons) as well so download the entire package from here:

http://jqueryui.com

and then extract it into your local folder.

Upvotes: 1

Related Questions