Ändern des CSS-Stils mit JQuery

Question

Ändere ich den Stil richtig? Ich versuche, overflow-x zu ändern, um zu scrollen. Es funktioniert nicht.

css

div.anythingSlider .anythingControls .anythingNavWindow { 
margin-top: 15px; 
overflow-x:hidden; 
float: left; 
} 

js

$("div.anythingSlider .anythingControls .anythingNavWindow").css({"overflow-x":"scroll"}); 

Answer 1

Was Sie da tun, ist, alle Elemente auswählen, die an den Wähler „div.anythingSlider .anythingControls .anythingNavWindow“ entsprechen, nicht aber die Veränderung Klassendefinition selbst Wenn Sie die Klasse ändern möchten vielleicht müssen Sie mit zusätzlichen Klassen ein wenig Geige, so dass Ihr CSS Blatt wie folgt aussieht:

div.anythingSlider .anythingControls .anythingNavWindow { 
    margin-top: 15px; 
    overflow-x:hidden; 
    float: left; 
} 

div.anythingSlider.withOverflow .anythingControls .anythingNavWindow { 
    overflow-x: scroll; 
} 

diese Weise können Sie mit jQuery die anythingSlider Element auswählen können, die Sie ändern möchten und etwas zu tun wie:

$("div.anythingSlider").addClass("withOverflow") 

Answer 2

Ihr Beispiel nicht ändert, eine Klasse, die Sie überschreiben die Klasse von Inline-Styles mit jQuery ändern.

Je nach Browser Sie verwenden, die overflow-x und overflow-y Eigenschaften werden manchmal es sei denn ignoriert beide definiert sind. Sie müssen wahrscheinlich nur einen Wert für overflow-y in Ihrer Klasse angeben.

Answer 3

Könnten Sie bitte einen Versuch geben: (nur erraten)

$("div.anythingSlider .anythingControls .anythingNavWindow").css("overflow-x", "scroll"); 

Answer 4

Diese Anweisung ändert nicht die CSS-Klassendefinition; Es wendet den overflow-x: scroll Stil auf die übereinstimmenden Selektorelemente an.