2012-04-12 113 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样式应用于匹配的选择器元素。