जोड़ने एक करने के लिए jQuery ui आइकन सबमिट बटन

Question

मैं एक मेरा पेज सबमिट बटन के लिए निम्न कोड है: html मार्कअप है:

<td align="Right"><input type="submit" value="Add Driver" ></td> 

और jQuery है:

$("input[type=submit]").button().click(function(event) { 
event.preventDefault(); 
}); 

कैसे होगा मैं ऊपर के लिए एक ui आइकन जोड़ने, विशेष रूप से ui-icon-circle-plus

Answer 1

आप इस तरह अपने HTML बदल सकते हैं:

<button type="submit"> 
    Add Driver 
</button> 

और फिर तरह अपनी स्क्रिप्ट को अद्यतन इस:

$('button[type=submit]').button({icons: {primary: 'ui-icon-circle-plus'}}).click(function (event) { 
    event.preventDefault(); 
}); 

डेमो: http://jsfiddle.net/mh5Pu/

Answer 2

इस काम करना चाहिए

$("input[type=submit]").button({icons: {primary: "ui-icon-circle-plus"}})  .click(function(event) { 
event.preventDefault(); 
}); 

या आप इसे बाद में सेट करें:

$("input[type=submit]").button("option", "icons", { primary: "ui-icon-circle-plus", secondary: "<your_second_icon>" }); 

Here एक काम कर उदाहरण है।

Answer 3

http://jqueryui.com/button/#icons (विशेष रूप से आइकन) पर उदाहरण देखें।

सबमिट इनपुट का उपयोग करने के बजाय, एक बटन का उपयोग करने का प्रयास करें।

यहाँ आइकन केवल ui-icon-चक्र से अधिक के साथ बटन का एक संशोधित संस्करण है:

<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only"  role="button" aria-disabled="false" title="Button with icon only"> 
<span class="ui-button-icon-primary ui-icon ui-icon-circle-plus"></span> 
<span class="ui-button-text">Button with icon only</span> 
</button>