how to give no-more-use of css in jquery for css params

Question

this is the css we do

width: 200px;
height: 100px;
background-color: #f00;

and when we want to give no-more-use of the css we could add just a slash or anything that css doesn't understand but all other css works

widt/h: 200px;
height: 100px;
background-color: #f00;

but I wanted to do it in jquery like marginLef/t in jquery which didn't work anymore all other params.

sample jquery

<script>
$(document).ready(function(){
  $("button").click(function(){
    $("h2").animate({backgroundColor: '#00f', width: '-=150px', marginLef/t: '50px'});
  });
});
</script>

why don't you just comment out the unused parts? /* comments are your friends */ — oezi
– oezi, Commented Jun 11, 2013 at 10:10
@C-Link, try to set "margin-lef\t" (in quotes) instead of marginLef\t — maximkou
– maximkou, Commented Jun 11, 2013 at 10:12

Niels Keurentjes · Accepted Answer · 2013-06-11 10:11:52Z

1

Instead of breaking your code, use comments. For CSS:

/* width: 200px; this rule is obsolete for now */
height: 100px;
background-color: #f00;

In Javascript:

alert('this line is executed');
// alert('this line is not');
/* removed following line in a multiline comment
alert('also not being executed');
*/

Commenting ensures the values are not being parsed as a whole, and that it cannot break the parser/compiler and as such other functionality.

While CSS standards explicitly define that a malformed rule should be ignored, and other valid rules still applied, in a compiler language like Javascript it just breaks execution as a whole.

answered Jun 11, 2013 at 10:11

Niels Keurentjes

42.1k9 gold badges103 silver badges138 bronze badges

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

1 Comment

Bhojendra Rauniyar Over a year ago

I know the way we comment but I have put this question so that next time jquery developer will solve this problem.

mMoovs · Accepted Answer · 2013-06-11 10:14:51Z

0

Wouldn't it be easier by making two different classes, other with the width and one without. Then just change the elements' class with jQuery using addClass and removeClass or toggleClass.

answered Jun 11, 2013 at 10:14

mMoovs

9349 silver badges18 bronze badges

Collectives™ on Stack Overflow

how to give no-more-use of css in jquery for css params

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related