Jquery ui 带图标的jquery ui动态按钮

我无法在没有文本和图标的情况下动态创建jquery ui按钮

var $ctrl = $('<input/>')
    .attr({ type: 'button', name:'btn'})
    .val('Action')
    .button({icons: { primary: "ui-icon-close"},text: false});

var$ctrl=$（“”）
.attr（{type:'button'，name:'btn'}）
.val（“操作”）
.按钮（{图标：{primary:“ui图标关闭”}，文本：false}）；

这段代码使用文本创建ui按钮。如何获取带图标而不带文本的动态按钮。

对于“按钮”类型的输入，“值”属性是按钮上可见的文本。那么这条线呢

.val('Action')

是什么使文本显示在按钮上

如果你删除这一行，你会有一个按钮，只有一个图标

var $ctrl = $('<input/>')
    .attr({ type: 'button', name:'btn'})
    .button({icons: { primary: "ui-icon-close"},text: false});

var$ctrl=$（“”）
.attr（{type:'button'，name:'btn'}）
.按钮（{图标：{primary:“ui图标关闭”}，文本：false}）；

---

上面提到的行是有特殊用途还是只是复制/粘贴错误？

我尝试了上面提到的选项，但都不起作用

在做了大量的调查之后，我找到了下面的解决方案，而且效果很好

var $ctrl = $('').button({icons: { primary: "ui-icon-help"},text: false});

---

感谢您的回复，它不工作，只显示没有文本的按钮在删除.val（'Action'）后，您的代码与JQuery UI按钮演示页面的示例完全相同，该页面正在工作。。。所以我在这里打赌，在别的地方我犯了一个愚蠢的错误。你能在小提琴上复制它吗？