嘗試兩個圖標

Question

我開始兩個按鈕（我使用的是內置的CSS的ThemeRoller JQuery的）之間切換：

$(".upArrow").button({ icons: {secondary:'ui-icon-circle-arrow-n'} }); 
$(".downArrow").button({ icons: {secondary:'ui-icon-circle-arrow-s'} }); 

我希望能夠點擊相同的按鈕時，這兩個圖標之間切換，並以某種方式在.upArrow類和.downArrow類之間切換。我不知道如何。我會很感激任何幫助。

Answer 1

由於您使用jQuery UI按鈕的工作，你可以改變icon option與功能toggle()。

$('#button').toggle(function(){ 
    $(this).button('option', 'icons', {secondary:'ui-icon-circle-arrow-n'}); 
}, function(){ 
    $(this).button('option', 'icons', {secondary:'ui-icon-circle-arrow-s'}); 
}); 

Answer 2

您可以使用jQuery的.toggleClass()方法。你不一定需要帶走的其他類，只要使用CSS，你的優勢，以覆蓋其它類的設置：

$('#foo').toggleClass(className, addOrRemove);