jQuery UI的buttonset图标

我无法添加图标，jQuery用户界面的buttonset's.Adding图标按钮的工作fine.Does人有这样的例子工作jQuery UI的buttonset图标

感谢

标记

<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'} });

来源

2010-03-25 vanzylv

你有什么样的麻烦，你有什么尝试和失败？。展示和说明 – ant 2010-03-25 10:24:48

标记

Top 10 FAQ's Last 30 Days

jQuery的 $（ “＃无线电”）buttonset（{图标：{初级： 'UI-图标三角形-1- NE'}}）; – vanzylv 2010-03-25 10:31:26

dammit，出错了 – vanzylv 2010-03-25 10:31:45

更新：

我想通了;这很简单。

$("#radio1").button({ 
    icons: { 
     primary: 'ui-icon-gear', 
     secondary: 'ui-icon-triangle-1-s' 
    } 
});

谢谢，所有！

来源

2010-03-25 11:47:21 vanzylv

示例：http://jsfiddle.net/Fgy4w/ – 2011-09-05 02:43:33

我想添加，如果我们动态地创建按钮（'变种收音机1 = $（<输入的ID =“收音机1”名称=“无线电”/> Text）'），我们需要再次搜索元素：'$（'＃radio1'）。button（...）'而不是'radio1.button（... ）'。 – Marboni 2013-05-25 15:26:37

我今天这个挣扎，以及 - 一个更好的方法，如果您使用的是buttonset是一类适用于内的元素，然后使用类选择：

$("#choices").buttonset(); 
$('.graph_checks').button("option", "icons", {primary:'ui-icon-circle-minus'})

来源

2010-03-26 21:49:49 knowncitizen

@knowncitizen 你有没有注意到，二级选项不上的按钮设置工作？ $（“＃button-”+ uniqueItemId）.button（“option”，“icons”，{primary：'ui-icon-closethick'，secondary：'ui-icon-closethick'}） – vanzylv 2010-03-29 08:38:31

我刚试过通过我上面描述的类方法工作得很好。不确定你正在使用的方法。 – knowncitizen 2010-03-29 18:24:16

事实证明， 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();

当然，需要组合在一起的所有按钮都已经接近，但你明白了吧。这也仅仅是一个例子！

来源

2010-07-10 19:58:23

我需要在buttonset当用户更改选择添加图标，选择复选框，并对其进行更新。

var noIcon = {primary: null, secondary: null}; 
var withIcon = {primary: 'ui-icon-custom-tick', secondary: null}; 
$('#containerId input:checkbox').click(function(e) { 
    if ($(e.target).button("option", "icons").primary == null) { 
     $(e.target).button("option", "icons", withIcon).button('refresh'); 
    } else { 
     $(e.target).button("option", "icons", noIcon).button('refresh'); 
    } 
}); 
$('#containerId input:checkbox:checked').button({icons: withIcon}); 
$('#containerId input:checkbox:not(:checked)').button({icons: noIcon}); 
$('#containerId').buttonset();

来源

2010-11-17 16:47:44 Alex

谢谢！只是用这个，好东西。 – 2012-03-28 18:27:27

jQuery UI的buttonset图标

回答

相关问题