jquery - 将 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/