Wie dynamisch ändern sich die jQueryUI-Symbol eine Schaltfläche nach der Initialisierung?

<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>

Klicken Sie auf der #swap Schaltfläche, möchte ich wechseln das Symbol (jQueryUI-Symbol) im Zusammenhang mit #dynabutton aus ui-icon-gear zu ui-icon-locked.

Aber ich weiß nicht, ob das unterstützt wird?

InformationsquelleAutor Michael Murphy | 2010-12-15

Können Sie anrufen .- Taste("option", Optionen) zum festlegen von Optionen für später (wie auch andere jQuery-UI-widgets), einschließlich der Symbole:

$(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" }
        });
    });         
});