2014-07-11 3 views
6

Hallo ich habe eine Frage Zum Beispiel bekommen:Wie Standard-CSS-Wert nach jquery Funktion

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

Und ich will nach dieser Funktion css get Standardeigenschaft

+0

möglich duplicate von http://stackoverflow.com/questions/2500500/reset-element-color-to-default-stylesheet-color-jquery-javascript – Haris

+0

das sieht aus wie eine Antwort http://stackoverflow.com/a/1053421/2115584 – Baximilian

Antwort

1

Standardhöhenwert ist auto, so dass Sie kann es zurück setzen mit:

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

Der einfachste Weg ist, den Stil zu etwas nutzlos zu setzen. Dann interpretiert der Browser sie nicht und greift auf die Regeln zurück, die Sie in Ihrem CSS definiert haben. Der übliche Weg wäre es auf einen leeren Wert werden Einstellung:

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

Wenn Sie es vollständig auf den Standardwert durch den Browser Sheet definiert zurücksetzen möchten, können Sie versuchen, den Wert zu auf „initial“:

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

Oder Sie legen den Standardwert selbst fest, der "auto" ist (See W3C).

+0

Ich möchte, wenn ich wieder '$ (" # menu ")' Selektor zurück Standard css Wert –

+0

Da .css() legt die Stile inline, können Sie einfach überprüfen, ob das Element die Breite Attribut gesetzt hat oder nicht. 'if ($ (" # input_content ") [0] .style.width ==" ") {Auf 100% setzen} else {Zurücksetzen auf Standard (siehe meine Antwort)}' – SVSchmidt

+0

Bitte dieses Beispiel schreiben jsfiddle –

Verwandte Themen