show this JQuery error while executing in console

Question

Uncaught SyntaxError: missing ) after argument list

 $(document).ready(function(){

     $('.rc-anchor-normal .rc-anchor-pt').css('position':'absolute').css('top':'60px').css('right':'35px');
     $('.rc-anchor-logo-img-portrait').css('position':'absolute').css('right':'50px');
     $('.rc-anchor-logo-text').css('position':'absolute').css('right':'50px').css('top':'45px');


    });

Possible duplicate of [SyntaxError: missing ) after argument list](https://stackoverflow.com/questions/18931344/syntaxerror-missing-after-argument-list) — Alive to die - Anant, Sep 20 '18 at 07:51
@cool, I modified my answer to show how you should wrap your jquery code. Without this wrapper, `$` is not defined (alternatively you could use `jQuery` instead of `$` in your script). Basically you need to pass `jQuery` to your code as `$` in order for it to work. — tao, Sep 20 '18 at 08:23

score 5 · Answer 1 · answered Sep 20 '18 at 07:51

The function css() expects function arguments as comma separated. You are using css('top': '60px'), notice that : there which is incorrect.

$(document).ready(function() {    
  $('.rc-anchor-normal .rc-anchor-pt').css('position', 'absolute').css('top', '60px').css('right', '35px');
  $('.rc-anchor-logo-img-portrait').css('position', 'absolute').css('right', '50px');
  $('.rc-anchor-logo-text').css('position', 'absolute').css('right', '50px').css('top', '45px');    
});

You should also keep habbit of looking at the browser console F12 in chrome to check the errors you get while running the code.

You can also combine the chained css() into a single one using object representation:

$(document).ready(function() {
  $('.rc-anchor-normal .rc-anchor-pt').css({
    'position': 'absolute',
    'top': '60px',
    'right': '35px'
  });
  $('.rc-anchor-logo-img-portrait').css({
    'position': 'absolute',
    'right': '50px'
  })
  $('.rc-anchor-logo-text').css({
    'position': 'absolute',
    'right': '50px',
    'top': '45px'
  });
});

score 0 · Answer 2 · answered Sep 20 '18 at 07:53

JQuery's .css() function can accept either 2 params, first is property name, and the second is the value, or one parameter that is of type JSON, which you tried to add but forgot curly braces { }, so try this:

$(document).ready(function(){

   $('.rc-anchor-normal .rc-anchor-pt').css('position':'absolute').css({'top':'60px'}).css({'right':'35px'});
   $('.rc-anchor-logo-img-portrait').css({'position':'absolute'}).css({'right':'50px'});
   $('.rc-anchor-logo-text').css('position':'absolute').css({'right':'50px'}).css({'top':'45px'});

});

score 0 · Answer 3 · answered Sep 20 '18 at 07:53

0

.css function expects argument in a different way. You are passing the arguments in a wrong way. Correct and better way:

$('.rc-anchor-normal .rc-anchor-pt').css({
  'position': 'absolute',
  'top': '60px',
  'right': '35px'
});
$('.rc-anchor-logo-img-portrait').css({
  'position': 'absolute',
  'right': '50px'
});
$('.rc-anchor-logo-text').css({
  'position': 'absolute',
  'right': '50px',
  'top': '45px'
});

Refer: http://api.jquery.com/css/

answered Sep 20 '18 at 07:53

K K

17,794
4
30
39

showing this error **VM11377:2 Uncaught TypeError: $(...).css is not a function at :2:42** – cool_benn Sep 20 '18 at 07:58

show this JQuery error while executing in console

3 Answers3