asp.net – 如何添加jQuery UI按钮图标到输入按钮？

可以使用 jQuery UI Button icons与< input type =“submit”>元素？

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

这是我试过的：

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

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

解决方法

你做的正确它似乎不适用于输入元素.粗略地看看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;
}

其中基本上告诉代码在span前添加/添加到输入元素之前退出.所以这是设计.