使用JQuery将CSS添加到多个类(Adding CSS with JQuery to Multiple Classes)

使用JQuery将CSS添加到多个类(Adding CSS with JQuery to Multiple Classes)

我想补充一下

.km-android div.km-view { -webkit-box-direction: normal; -webkit-flex-direction: column; }

当在javascript中满足特定条件时。

我试过添加

$('.km-android, div.km-view').css('-webkit-box-direction', 'normal'); $('.km-android, div.km-view').css('-webkit-flex-direction', 'column');

但这不起作用任何建议都会很棒

谢谢

I'm trying to add

.km-android div.km-view { -webkit-box-direction: normal; -webkit-flex-direction: column; }

when a specific condition is meet in javascript.

I've tried adding

$('.km-android, div.km-view').css('-webkit-box-direction', 'normal'); $('.km-android, div.km-view').css('-webkit-flex-direction', 'column');

but that isn't working any suggestions would be great

Thanks

最满意答案

在你的JS中,它没有出现在CSS中。 试试：

$('.km-android div.km-view').css('-webkit-box-direction', 'normal'); $('.km-android div.km-view').css('-webkit-flex-direction', 'column');

甚至更简单：

$('.km-android div.km-view').css({ '-webkit-box-direction': 'normal', '-webkit-flex-direction': 'column' });

但是Nick R有权 - 把这个CSS放在另一个类中，只要遇到条件就把这个类添加到元素中，所以：

.met-conditions { -webkit-box-direction: normal; -webkit-flex-direction: column; }

和JS：

$('.km-android div.km-view').addClass('met-conditions');

In your JS you have , which doesn't appear in CSS. Try with:

$('.km-android div.km-view').css('-webkit-box-direction', 'normal'); $('.km-android div.km-view').css('-webkit-flex-direction', 'column');

or even simplier:

$('.km-android div.km-view').css({ '-webkit-box-direction': 'normal', '-webkit-flex-direction': 'column' });

However Nick R has right - put this CSS in another class and just add this class to the element if met conditions, so:

.met-conditions { -webkit-box-direction: normal; -webkit-flex-direction: column; }

and JS:

$('.km-android div.km-view').addClass('met-conditions');