Как сделать виджет кнопки JQuery UI только для пользовательских иконок? - PullRequest
Новая
       21

Как сделать виджет кнопки JQuery UI только для пользовательских иконок?

3 голосов
/ 19 декабря 2011

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

Я успешно создал (см. здесь ) пользовательская кнопка с пользовательским значком и текста, но если я удаляю текст, он становится непропорциональным и некрасивым.1014 * и затем вызывает .button(), но он становится слишком большим;что я действительно хотел, так это чтобы у меня были кнопки с иконками, которые поставляются с темой, но вместо этого использовались мои собственные иконки.

Надеюсь, я ясно и понятно объяснил,

FA

(представьте себе, что кнопки extJS только для значков или Adobe Flex (почему вы меня оставили), кнопки только для значков)

1 Ответ

6 голосов
/ 19 декабря 2011

Это, кажется, работает для меня (адаптировано из демо здесь и ответа, который вы упомянули).Похоже, что ключ устанавливает параметр text на false:

JavaScript: 

$('#button').button({
    text: false, /* Don't include text on the button */
    icons: {
        primary: 'ui-icon-custom'
    }
});

CSS: 

#button > span.ui-icon-custom {
    background-image: url(http://placekitten.com/25/25)
}

Пример: http://jsfiddle.net/ReKbf/

(Извиняюсь за ужасное изображение заполнителя)

...