Adding CSS with JQuery to Multiple Classes

Question

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

hsz · Accepted Answer · 2014-01-16 15:17:21Z

1

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');

answered Jan 16, 2014 at 15:17

hsz

153k63 gold badges268 silver badges320 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Roy M J · Accepted Answer · 2014-01-16 15:18:15Z

0

Try :

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

answered Jan 16, 2014 at 15:18

Roy M J

6,9367 gold badges54 silver badges79 bronze badges

matewka · Accepted Answer · 2014-01-16 15:18:54Z

0

Remove the comma from the jQuery selector. You can also use camel case properties:

$('.km-android div.km-view').css({
    webkitBoxDirection: 'normal',
    webkitFlexDirection: 'column'
});

answered Jan 16, 2014 at 15:18

matewka

10.2k3 gold badges35 silver badges43 bronze badges