javascript - Jquery 用户界面 : Button on dynamically created elements

Question

我想将 jQuery UI 按钮添加到我所有的输入提交中。

$('input:submit').button();

这对普通按钮非常有用，但对我动态创建的按钮不起作用。

有人知道怎么做吗？

Answer 1

最简单的方法是在创建新按钮时添加这一行。

$(this).button();

例如

(jQuery to create button) function(){
    $(this).button();
}

我相信你也可以再调用一次，但它可能会更慢。

$('input:submit').button();

编辑: 在查看了 jQuery.tmpl 是什么之后，您也许可以做类似的事情

$("#sometmpl")
    .render( arrayOfDataObjects ) // Returns multiple LIs with data filled in
    .appendTo("ul" function(){
    $("#sometmpl input:submit").button();
)};

但别逼我。

或者查看 jquery ui css，只需将您需要的类添加到提交按钮即可。悬停可能不起作用

class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only"