how to assign jquery function to css stylesheet

Question

How can I assign a jquery function in my css stylesheet? For eg. I have the following css

div{width: 300px; height: 200px; background-color: red;}

Is this the way?

div{width: $func_width; height: $func_height; background-color: $func_color;}

use SASS [Sass is an extension of CSS that adds power and elegance to the basic language] — grigno
– grigno, Commented Aug 2, 2013 at 12:28
You need to do this in javascript, javascript is for javascript and css is for css only. — jcubic
– jcubic, Commented Aug 2, 2013 at 12:30

Gowri · Accepted Answer · 2013-08-02 12:30:02Z

1

No, You can't. Better you try jquery css

$('div').css({'width':$func_width,'height': $func_height,'background-color': $func_color});

answered Aug 2, 2013 at 12:30

Gowri

16.9k27 gold badges103 silver badges162 bronze badges

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

Comments

Deepak Biswal · Accepted Answer · 2013-08-02 12:29:51Z

0

You can't do that. But you can assign those function as a css property dynamically to HTML elements with jQuery.

answered Aug 2, 2013 at 12:29

Deepak Biswal

4,3302 gold badges22 silver badges37 bronze badges

Comments

Sonu Sindhu · Accepted Answer · 2013-08-02 12:40:25Z

0

Try this

$(document).ready(function(){
  $('div').css({'width':$func_width,'height': $func_height,'background-color': $func_color});


 // of you can use
 $('div').css('width' , $func_width);
 $('div').css('height' , $func_heigh);
});

Hope it will help

answered Aug 2, 2013 at 12:40

Sonu Sindhu

1,80216 silver badges27 bronze badges

Collectives™ on Stack Overflow

how to assign jquery function to css stylesheet

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related