आरंभ करने के बाद बटन के jQueryUI आइकन को गतिशील रूप से कैसे बदलें?

Question

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

#swap बटन पर क्लिक करने पर, मैं ui-icon-locked को ui-icon-gear से #dynabutton के साथ जुड़े आइकन (jQueryUI icon) स्विच करना चाहते हैं।

लेकिन मुझे नहीं पता कि यह समर्थित है या नहीं?

Answer 1

आप (अन्य jQuery UI विजेट्स) की तरह बाद में विकल्पों को सेट करने .button("option", options) कॉल कर सकते हैं, माउस सहित:

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

You can test it here।