추가 JQuery와 UI 아이콘 제출 버튼

Question

I 버튼 내 페이지를 제출하기위한 다음과 같은 코드가 있습니다

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

및 JQuery와는 다음과 같습니다 : 를 HTML 마크 업이

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

어떻게 것 나는 특히 ui-icon-circle-plus

Answer 1

당신은이처럼 HTML을 변경할 수 있습니다 여기에

은 아이콘의 UI 아이콘 - 원 플러스 만 버튼의 수정 된 버전입니다 이 :

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

데모 : http://jsfiddle.net/mh5Pu/

,

Answer 2

이 작동합니다, 위의에 UI 아이콘을 추가

$("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 (예 : 아이콘)을 살펴보십시오.

제출 입력을 사용하는 대신 버튼을 사용해보십시오.

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

을 그리고 다음과 같은 스크립트를 업데이트

<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>