Trying to make CSS class with jquery

Question

I'm trying to create a CSS class with the following:

var not_cursor = $('<style>#NOT_CURSOR { CURSOR: NONE; BACKGROUND: URL("images/NOT1.png") NO-REPEAT LEFT TOP; 
                  POSITION: ABSOLUTE;
                  DISPLAY: NONE;
                  TOP: 0;
                  LEFT: 0;
                  Z-INDEX: 10000;}</style>');
$('html > head').append(not_cursor);

And then in another file I try accessing $('#NOT_CURSOR') but I get an error -

Uncaught SyntaxError: Unexpected token ILLEGAL

And it's telling me this occurs on line 1. Any help?

Thanks.

Did you try $('head').append(not_cursor);? Also, the error is in line 1 because it comes from the element dynamically added to the DOM, not in the script. And also, are you trying to select a class #NOT_CURSOR with an ID selector $('#NOT_CURSOR')? — Fabrício Matté
– Fabrício Matté, Commented Jun 2, 2012 at 22:24

j08691 · Accepted Answer · 2012-06-02 22:24:34Z

4

Try keeping it all on one line or concatening the separate line chunks.

jsFiddle example.

OR, use the multi-line escape trick: jsFiddle example.

var not_cursor = $('<style>#NOT_CURSOR { CURSOR: NONE; BACKGROUND: URL("images/NOT1.png") NO-REPEAT LEFT TOP; \
                  POSITION: ABSOLUTE; \
                  DISPLAY: NONE; \
                  TOP: 0; \
                  LEFT: 0; \
                  Z-INDEX: 10000;}</style>');
$('html > head').append(not_cursor);

answered Jun 2, 2012 at 22:24

j08691

208k33 gold badges269 silver badges281 bronze badges

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

Collectives™ on Stack Overflow

Trying to make CSS class with jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related