如何将jQuery UI Button图标添加到输入按钮？

Question

是否可以使用带有元素的jQuery UI Button图标<input type="submit">？

文档示例使用<button>元素,但没有明确说明图标是否与输入按钮一起使用.我想将图标添加到呈现为的ASP.NET按钮控件<input type="submit">.

这就是我尝试过的:

$("input.add").button({ icons: { primary: "ui-icon-circle-plus" } });

除了缺少的图标外,该按钮的样式正确.我错过了什么吗？

Answer 1

你做得对.它似乎不适用于输入元素.粗略地看一下JQuery UI Button的源代码,可以看出它取决于<span class='ui-button-icon-primary ui-icon " + icons.primary + "'></span>获取图标的元素,但这似乎不会在输入元素上发生.

实际上看起来更近了一点.不确定我第一次错过了这个,但源包含以下内容:

if ( this.type === "input" ) {
  if ( this.options.label ) {
    this.element.val( this.options.label );
  }
  return;
}

这基本上告诉代码在跨度前置/附加在输入元素之前退出.所以这是设计的.

Answer 2

正如Bradley Mountford所说,提交元素没有设计图标(为什么这是设计,我不知道).

将你的asp:Button改为asp:LinkBut​​ton,一切都在世界上.是的,真的很容易.