How to add css on elements created through ajax (jquery)?

Question

I have a cart that’s graphically styled with a CSS file. However, when I update the cart through jQuery and AJAX, the reloaded version is not styled.

Is there any jQuery function to apply already loaded styles to a dynamically generated element?

I know I could use .css() function to add the style manually, but I’d rather avoid that and be able to load the existing properties automatically, so that it doesn’t become messy if I make changes.

Thanks, kind regards.

Sorry guy, I guess I’m a bit confused or something. It does work by itself and the css is automatically recognized without any special code. I’m not sure why it failed before, I’ve rewritten the code so I can’t tell, but I guess there was somewhere an error while declaring the class.

Anyway: while using correctly classes in css and html this is not a problem and it just works.

If you use classes in your css and html you shouldn't have to worry about this. — elclanrs
– elclanrs, Commented Nov 8, 2012 at 1:08
Yes. Attach the class in the html that you add dynamically to your DOM. Alternatively, use the addClass suggestion below. — Navneet
– Navneet, Commented Nov 8, 2012 at 1:16

PolCPP · Accepted Answer · 2012-11-08 01:30:25Z

2

While adding classes could fix it. There's something odd.

You said that when you update it via javascript you lose the style. It doesn't make sense.

The only way you could destroy the styling would be, altering the dom (so the new cart is different to the old according to the rule that styles it) or the old cart was inline styled and you cleaned its styles.

If it's inline css you could save the inline style document.getElementById("cart").style.cssText and apply it to the new cart.

edited Nov 8, 2012 at 1:30

answered Nov 8, 2012 at 1:21

PolCPP

1361 gold badge1 silver badge8 bronze badges

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

1 Comment

DavidTonarini Over a year ago

Yeah, I just got confused somehow. It does work by itself and the css is automatically recognized without any special code. I’m not sure why it failed before, I’ve rewritten the code so I can’t tell, but I guess there was somewhere an error while declaring the class, or I messed the html markup somehow. Anyway: while using correctly classes in css and html this is not a problem and it just works.

OneChillDude · Accepted Answer · 2012-11-08 01:11:43Z

2

If you use classes in your css, you can use the .addClass method to add the classes you want. It is significantly less messy that declaring inline css.

answered Nov 8, 2012 at 1:11

OneChillDude

8,03610 gold badges43 silver badges81 bronze badges

Collectives™ on Stack Overflow

How to add css on elements created through ajax (jquery)?

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related