用jquery改变CSS样式
问题描述:
我是否正确改变样式?我正在尝试更改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"});
答
你在做什么有选择对应于选择“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")
答
您的例子是不会改变的一类,你是通过改变内嵌样式与jQuery重写类。
,取决于您所使用的浏览器,在overflow-x
和overflow-y
属性有时会被忽略,除非既定义。你可能只需要在你的课堂中为overflow-y
指定一个值。
答
此声明不会更改CSS类定义;它将overflow-x: scroll
样式应用于匹配的选择器元素。
这段代码没有改变一个类..它添加了一些CSS。 – scottheckel 2012-04-12 18:06:52
请标记并正确描述您的问题。它与html5无关,你正在改变样式,而不是类。 – 2012-04-12 18:08:25
我只是试图改变overflow-x滚动 – Blainer 2012-04-12 18:08:37