如何在初始化后动态更改按钮的jQueryUI图标？ $（函数（） { $（“#动态按钮”）。按钮( { 图标： { 主：“ui图标齿轮” }, 文本：false }); $（“#交换”）。按钮( { 图标： { 主：“ui图标已锁定” }, 文本：正确 })。单击（功能（事件） { //将#动态按钮图标从 //“ui图标齿轮” //致： //“ui图标已锁定” }); }); 带齿轮图标的按钮 交换图标

单击

#swap

按钮，我想将与

#dynabutton

关联的图标（）从

ui图标齿轮

切换到

ui图标锁定

但我不知道这是否受支持？

您可以稍后调用以设置选项（与其他jQuery UI小部件一样），包括图标：

<script>
    $(function() 
    {
        $( "#dynabutton" ).button(
        {
            icons: 
            {
                primary: "ui-icon-gear"
            },
            text: false
        });

        $( "#swap" ).button(
        {
            icons: 
            {
                primary: "ui-icon-locked"
            },
            text: true
        }).click(function(event)
        {
            // change #dynabutton icon from
            // "ui-icon-gear"
            // to:
            // "ui-icon-locked"
        });         
    });
    </script>



<div class="demo">

<button id="dynamic_button">Button with gear icon</button>
<button id="swap">Swap icons</button>

</div>

---

.

非常好地使用JSFIDLE！我得试一下。

$(function() {
    $( "#dynabutton" ).button({
        icons: { primary: "ui-icon-gear" },
        text: false
    });
    $( "#swap" ).button({
        icons: { primary: "ui-icon-locked" },
        text: true
    }).click(function() {
        $( "#dynabutton" ).button("option", {
          icons: { primary: "ui-icon-locked" }
        });
    });         
});