2012-04-12 4 views
-1

Я правильно меняю стиль? Я пытаюсь изменить переполнение-x для прокрутки. Это не работает.изменение стиля css с jquery

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

+0

Пожалуйста, отметьте и опишите свои вопросы правильно. Это не имеет никакого отношения к html5, и вы меняете стили, а не классы. –

+0

Я просто пытаюсь изменить переполнение-x для прокрутки – Blainer

ответ

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-x и overflow-y свойства иногда игнорируются если как не определены. Вероятно, вам просто нужно указать значение для overflow-y в вашем классе.

0

Не могли бы вы дать попробовать: (только догадываться)

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

, пожалуйста, по крайней мере, дайте комментарий, когда вы будете downvoting. Мне нужно исправить себя, если я ошибаюсь. – sarwar026

+0

Вы не должны просто дать -1 для своей цели. – sarwar026

0

Данное заявление не изменяет определение класса CSS; он применяет стиль overflow-x: scroll к соответствующим элементам селектора.

Смежные вопросы