如何动态添加按钮到jQuery-UI按钮设置?

时间:2010-12-24 05:00:16

标签: javascript jquery jquery-ui button

我正在寻找一种方法,可以在运行时使用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');

2 个答案:

答案 0 :(得分:2)

在我看来,按钮组使用单选按钮或复选框,而不是链接:

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

看看这里:http://jsfiddle.net/Fe9Tx/1/ (修正了所以选择有效)

答案 1 :(得分:2)

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

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

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