czwartek, 5 września 2013

jQuery UI: przycisk bez zaokrąglonych rogów

Ostatnio mam znacznie więcej pracy w JS niż wcześniej. Dzisiaj szybki post o tym jak zrobić przycisk w jQuery UI bez zaokrąglonych rogów (gdy wszystkie pozostałe je posiadają).


Za zaokrąglone rogi tego widgetu odpowiada klasa ui-corner-all. Wystarczy więc usunąć tą klasę z elementu. Co ciekawe najlepszym miejscem do tego jest moment tworzenia buttona. Tak więc aby stworzyć taki button wystarczy zrobić to tak:

$("#button").button({
    create: function() {
        $(this).button('widget').removeClass('ui-corner-all');
    }});


Jak to zwykle w jQuery mamy całkiem niewiele kodu dla wykonania operacji i już. Łatwo i przyjemnie. Oczywiście jak zawsze nie podoba mi się robienie takich cudów w JS zamiast css i html, ale czasem trzeba.

Brak komentarzy:

Prześlij komentarz