jquery-ui - 带有图标的jquery ui动态按钮

Question

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

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

此代码创建带有文本的 ui 按钮。我怎样才能获得带有图标且没有文字的动态按钮。

Answer 1

我尝试了上述选项，但没有奏效。

经过大量调查后，我找到了以下解决方案并且它有效

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

Answer 2

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

.val('Action')

是什么让文本出现在按钮上。

如果删除此行，您将拥有一个只有一个图标的按钮。

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

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