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

对于＆＃34;按钮＆＃34;类型的输入，＆＃34;值＆＃34; attribute是按钮上可见的文本。这一行

.val('Action')

是文本显示在按钮上的原因。

如果删除此行，则会出现一个只带有图标的按钮。

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

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

Answer 2

我尝试了上述选项，但它们没有用。

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

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