Добавить новый значок в jQuery Easy UI

Question

Я хочу добавить новые значки в свой простой интерфейс jquery, но я создаю новый класс в tape-icon.css и помещаю этот класс в параметры данных, но он не работает. Что не так в моем коде? Код в HTML:

 <a href="#" class="easyui-linkbutton" data-options="name:'concurso', iconCls:'icon-concurso-large', iconAlign:'top',size:'large', plain:'true'">Concurso</a>

Код в css:

.icon-concurso-large{
background:url('images/32/concurso.png') no-repeat center center;
}

Answer 1

Я знаю, что это старый вопрос, но, как уже упоминалось, "для будущих гуглеров":

1. Поместите новый класс в ваш CSS, например:

   .icon-warning {
        background: transparent url("../img/warning.png") no-repeat scroll center center;
    }
   

2. Установите iconCls для вашего класса ("icon-warning" из приведенного выше примера)

3. Убедитесь, что ваш CSS загружен ПОСЛЕ CSS-файла jquery-easy-ui (иначе ваш класс будет перезаписан)

Answer 2

Я наткнулся на это, ища что-то еще, но для будущих Googlers...

Поместите загруженный значок в jqueryui/themes/icons/, (Я использую иконки 16x16 от http://flaticon.com/)

Добавьте определение своего класса в jqueryui/themes/icon.css

Answer 3

Если это кому-то служит, не комментируйте, пока не объявите класс в css. ЧЕРТ!