2012-04-12 138 views
-1

我是否正確改變樣式?我正在嘗試更改overflow-x以進行滾動。它不工作。用jquery改變CSS樣式

CSS

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

JS

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

這段代碼沒有改變一個類..它添加了一些CSS。 – scottheckel 2012-04-12 18:06:52

+0

請標記並正確描述您的問題。它與html5無關,你正在改變樣式,而不是類。 – 2012-04-12 18:08:25

+0

我只是試圖改變overflow-x滾動 – Blainer 2012-04-12 18:08:37

回答

0

你在做什麼有選擇對應於選擇「div.anythingSlider .anythingControls .anythingNavWindow」的所有元素,但不改變類定義本身。如果您想也許改變類,你需要擺弄一點點額外的課程,讓你的CSS表如下:

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

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

這樣,您就可以使用jQuery選擇你想改變,做一些對anythingSlider元素如:

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

您的例子是不會改變的一類,你是通過改變內嵌樣式與jQuery重寫類。

,取決於您所使用的瀏覽器,在overflow-xoverflow-y屬性有時會被忽略,除非定義。你可能只需要在你的課堂中爲overflow-y指定一個值。

0

您能給一試:(只是猜測)

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

請至少在您投票時發表評論。如果我錯了,我需要糾正自己。 – sarwar026 2012-04-12 18:13:17

+0

你不應該爲了你自己的目的而給-1。 – sarwar026 2012-04-12 18:14:34

0

此聲明不會更改CSS類定義;它將overflow-x: scroll樣式應用於匹配的選擇器元素。