我的页面提交按钮的代码如下: 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
答案 0 :(得分:5)
您可以像这样更改HTML:
<button type="submit">
Add Driver
</button>
然后像这样更新你的脚本:
$('button[type=submit]').button({icons: {primary: 'ui-icon-circle-plus'}}).click(function (event) {
event.preventDefault();
});
答案 1 :(得分:1)
这应该有效
$( "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是一个有效的例子。
答案 2 :(得分:1)
查看http://jqueryui.com/button/#icons上的示例(特别是图标)。
尝试使用按钮,而不是使用提交输入。
以下是带图标的按钮的修改版本,带有ui-icon-circle-plus:
<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>