如何动态添加按钮到jQuery-UI按钮集？

Question

我正在寻找一种在运行时使用JavaScript将按钮添加到jQuery按钮集的方法。

 if(response.success) { 
      var menuItem = document.createElement('a'); 

      $(menuItem).attr('href', response.href); 
      $(menuItem).attr('category-id', response.id); 
      $(menuItem).text(title); 

      $("#menu-buttonset").append(menuItem); 
     } 

我加入超链接使用JavaScript按钮集的DIV容器，然后再调用容器上buttonset()。

$("#menu-buttonset").buttonset(); 

但是，这似乎并没有像我期望的那样重建按钮组。

我在jQuery API中看不到任何函数。

任何人都可以提供一些见解？

解决：

使用刷新方法的建议，重建该按钮设置。

$('#menu-buttonset').buttonset('refresh'); 

Answer 1

您需要在向按钮组添加新项目后调用refresh方法。

$("#menu-buttonset").append(menuItem).buttonset('refresh'); 

我在jquery中找不到此方法的任何文档，但它是可用的。

Answer 2

在我看来，像buttonsets使用单选按钮或复选框，不是链接：

http://docs.jquery.com/UI/Button

看看这里：http://jsfiddle.net/Fe9Tx/1/ （固定的，所以选择作品）