jquery-ui - jquery ui dynamic button with icon

Question

I am unable to create the jquery ui button dynamically without text and with icon.

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

This code creating ui button with text. how can i get the dynamic button with icon and without text.

score 0 · Accepted Answer

上記のオプションを試しましたが、うまくいきませんでした。

多くの調査を行った後、私は以下の解決策を見つけ、それはうまくいきました

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

score 0 · Accepted Answer

「ボタン」タイプの入力の場合、「値」属性はボタンに表示されるテキストです。だからライン

.val('Action')

ボタンにテキストを表示するものです。

この行を削除すると、アイコンだけのボタンになります。

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

上記の行には特別な目的がありますか、それとも単なるコピー/貼り付けミスですか?

2 に答える 2