JQuery UI buttonset значки
Я испытываю затруднения при добавлении значков к buttonset's UI jQuery. Добавляющие значки к кнопкам хорошо работают. Делает у любого есть пример этой работы
Спасибо
Разметка
<div id="radio" class='demo'>
<input type="radio" id="radio1" name="radio" /><label for="radio1">Top 10 FAQ's</label>
<input type="radio" id="radio2" name="radio" /><label for="radio2">Last 30 Days</label>
</div>
Сценарий
$("#radio").buttonset({ icons: { primary: 'ui-icon-triangle-1-ne'} });
3 ответа
Обновление:
Я понял это; это было довольно просто.
$("#radio1").button({
icons: {
primary: 'ui-icon-gear',
secondary: 'ui-icon-triangle-1-s'
}
});
Спасибо всем!
Сегодня я тоже боролся с этим - лучший способ, если вы используете набор кнопок, - это применить класс к элементам внутри, а затем использовать селектор классов:
$("#choices").buttonset();
$('.graph_checks').button( "option", "icons", {primary:'ui-icon-circle-minus'})
Оказывается, buttonset () повторно применяет классы оформления кнопок к элементам группы, и все, что вам нужно, это обернуть сгруппированные кнопки в общий элемент ... так что вы можете просто инициализировать свои кнопки как обычно, а затем затем примените buttonset () к желаемой группе.
Вот что я делаю (пример):
var buttons = {
'#id1': {group:'group1', options: options1},
'#id2': {group:'group1', options: options2},
....
'#idn': {group:'group1', options: optionsN}
}
$.each(buttons, function(s,o) { $(s).addClass(o.group).button(o.options); });
$('.group1').wrapAll('<span></span>').parent().buttonset();
Конечно, все кнопки, которые нужно сгруппировать вместе, уже расположены рядом, но суть вы поняли. Это тоже всего лишь пример!