2014-07-11 16 views
6

Witam mam jedno pytania na przykład:Jak uzyskać domyślną wartość css po funkcji jquery

$("#menu").click(function(){ 
    $("#left_panel, #main_footer").fadeToggle(200); 
    $("#input_content").css({width:"100%"}); 
}); 

I chcę po tej funkcji domyślnej właściwości CSS get

+0

możliwy duplikat http://stackoverflow.com/questions/2500500/reset-element-color-to-default-stylesheet-color-jquery-javascript – Haris

+0

to wygląda na odpowiedź http://stackoverflow.com/a/1053421/2115584 – Baximilian

Odpowiedz

1

Wartość domyślna wysokość auto, więc można go przywrócić za pomocą:

$("#input_content").css({ width: 'auto' }); 
0

Najprostszym sposobem jest ustawienie stylu na coś bezużytecznego. Wtedy przeglądarka nie zinterpretuje tego i powróci do reguł zdefiniowanych w twoim CSS. Standardowym sposobem będzie ustawienie go na pusty wartość:

$("#input_content").css("width",""); 

Jeśli chcesz, aby w pełni przywrócić go do domyślnej wartości określonej przez stylów przeglądarki, można spróbować ustawić wartość „początkowy”:

$("#input_content").css("width","initial"); 

Możesz też ustawić wartość domyślną jako "auto" (See W3C).

+0

Chcę, gdy ponownie kliknąłem '$ (" # menu ")' selektor odzyska domyślną wartość css –

+0

Ponieważ .css() ustawia style w linii, możesz po prostu sprawdzić, czy element ma ustawiony atrybut width lub nie. 'if ($ (" # input_content ") [0] .style.width ==" ") {Set to 100%} else {reset to default (zobacz moją odpowiedź)}' – SVSchmidt

+0

Proszę napisać ten przykład jsfiddle –

Powiązane problemy