Пример использования

Пример

$(document).ready(function() {

$("#tabs").tabs();
//Код первой вкладки (стандартное использование)
   $("#but1").button();
   $("#but2").button();
   $("#but3").button();
//Код второй вкладки (иконки)
   $("#but4").button({icons: {primary: "ui-icon-info"}});
   $("#but5").button({icons: {primary: "ui-icon-info",secondary:"ui-icon-carat-1-s"}});
   $("#but6").button({icons: {primary: "ui-icon-plusthick"},text:false});  
//Код третьей вкладки (радио кнопки и флажки)
   $("#radiogroup").buttonset();
   $("#radiogroup2").buttonset();

});

Попробовать в редакторе

Определение и использование

С помощью метода button Вы можете оформлять кнопки и ссылки на странице.

Помимо обычных кнопок Вы можете также оформлять флажки и радио кнопки.

Вы можете настраивать внешний вид оформленных кнопок с помощью themeroller.

С помощью опций перечисленных в таблице далее на данной странице Вы можете настроить поведение данного виджета под конкретные нужды.

Синтаксис

$(селектор).button(опции)

селектор выбирает элемент, который будет превращен в виджет.

опции настраивают дополнительные аспекты поведения виджета.

Опции

Опции	Описание
text	При значение true текст кнопки будет отображен, а при значение false скрыт. Значение по умолчанию: true. Пример использования: .button({text:false})
icons	Позволяет отобразить произвольную иконку в тексте кнопки. Свойство primary задает иконку, которая будет отображена слева текста кнопки, а secondary справа текста кнопки. Значение по умолчанию: icons: {primary:null, secondary:null}. Пример использования: .button(icons:{primary:'ui-icon-info',secondary:'ui-icon-triangle-1-s'}})
label	Задает текст кнопки. Значение по умолчанию: HTML содержимое кнопки или значение атрибута value. Пример использования: .button({label: "Нажмите на меня"})

События

Данный плагин не имеет событий.

« Виджеты jQuery UI