jQuery के यूआई buttonset माउस

Question

मैं मुसीबत बटन fine.Does काम करने के लिए jQuery यूआई के buttonset's.Adding माउस को आइकनों जोड़ने हो रही है किसी को भी काम कर

धन्यवाद

मार्कअप

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

Answer 1

अद्यतन:

मैंने इसे समझ लिया; यह बहुत आसान था।

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

धन्यवाद, सब!

Answer 2

मैं भी यह आज के साथ संघर्ष - एक बेहतर तरीका है, आप एक buttonset है उपयोग कर रहे हैं के भीतर तत्वों के लिए एक वर्ग को लागू करने के लिए और फिर वर्ग का भी उपयोग कर रहे हैं:

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

Answer 3

ऐसा लगता है कि बटनसेट() समूह तत्वों के लिए बटन सजावट कक्षाओं को दोबारा लागू करता है, और आपको केवल समूह तत्वों को एक सामान्य तत्व में लपेटना है ... ताकि आप अपने बटन को सामान्य रूप से प्रारंभ कर सकें, फिर वांछित में बटनसेट() लागू करें समूह बाद में।

यही तो मैं (उदाहरण) कार्य करें:

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(); 

बेशक

, सभी बटन एक साथ समूहीकृत किए जाने की जरूरत है कि पहले से ही निकट हैं, लेकिन आप बात समझ। यह सिर्फ एक उदाहरण है!

Answer 4

मुझे बटनसेट में चयनित चेकबॉक्स के लिए आइकन जोड़ने और उपयोगकर्ता को चयन बदलने पर अपडेट करने की आवश्यकता है।

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();