Search jQuery

jQuery Forum

Problems with variable syntax in css

in Getting Started • 11 years ago

Hi,
if declared several variables for using with css. Now I have an problem to find the right syntax to add jquery css declaration with this variables.

var menu                          = $('nav'),
      menuAnchorClose     = $('a.menu.open-close'),
      options             = $('aside'),
      optionsAnchorClose = $('a.options.open-close'),
      middle                = {position: 'relative'},
      widthMenu             = $('.mainmenu').outerWidth( true ),
      heightOptions     = $(options).children('form').outerHeight( true );
$(menu).css({middle + left: '-' + widthMenu + top: '50%'});
$(options).css({middle + top: '-' + heightOptions});

Best regards,
Jan

Replies(11)

Godsbest

Re: Problems with variable syntax in css

11 years ago

Please refer to the the jQuery API HERE

jay.blanc..

Re: Problems with variable syntax in css

11 years ago

You are repeating your braces in your variables (like middle) and your variable declarations are very jumbled up. For instance;

middle = "position: 'relative'";

and then

$(menu).css({+middle +,+left: .... etc.

Why are you trying to do it this way? It seems as if you are creating a lot of work and maintenance issues.

dsvick

Re: Problems with variable syntax in css

11 years ago

Also, some of your selectors are probably incorrect as well.
The selector $('nav') is not valid unless you have an element in your code that has a tag name of nav, the same applies to the $('aside') selector.

janstieler

Re: Problems with variable syntax in css

11 years ago

@jay.blanchard: Why you mean that my variables jumbled up and why is my way creating work and maintenance issues? Sorry, I ask because my skills in js are not so high.

@dsvick: Yes, this elements exist in my sourcecode (html5).

jay.blanc..

Re: Problems with variable syntax in css

11 years ago

It is a personal preference, but if I was declaring variables I would declare one set that was all of the selectors and another set that was CSS properties. Do you expect to use 'middle' over and over again?

dsvick