动态添加Jquery ui按钮

Question

我有一个javascript函数,删除现有的按钮,并添加新的按钮.

这是代码:

 function FunctionName(){
     ("button").remove();
     // This works fine.
     //but however, with the following add code, I don;t get a jquery ui button.
     var element  = document.createElement("input");
     element.setAttribute("type","button");
     // other code
     divName = get <div> by ID;
     divName.appendChiled(element);
 }

有没有办法动态添加一个jquery ui按钮:

喜欢:

divName.add("button");

那没起效...

Answer 1

要使用jQuery添加jQuery UI按钮:

$('#selector') // Replace this selector with one suitable for you  
  .append('<input type="button" value="My button">') // Create the element  
  .button() // Ask jQuery UI to buttonize it  
  .click(function(){ alert('I was clicked!');}); // Add a click handler

Answer 2

很确定你可以通过调用 jQuery-UI 来按钮化任何输入button()

var element = document.createElement("input").button();