Is there a way for MVC Partial View retrieved using jQuery to keep UI CSS Styling?

Question

I have an MVC 2 project, consisting of a MasterPageView a child View called Index and a number of PartialViews. The PartialViews are loaded into the Index View using the jQuery Ajax method $.get(....).

My problem is that I am styling the buttons using jQuery UI like:

$('button').button();

but I find that I need to do this on every PartialView. What I would like to do is define this once in the MasterPageView, but if I do this the styling is lost. I'm guessing this is because the styling is applied before the DOM is loaded, is this correct? Is there any way to implement this i.e. just define it on the MasterPageView?

Thanks for the help !

Is there a reason you need to style them using jQuery? Why not just have a CSS selector that styles all the buttons? — Dismissile
– Dismissile, Commented Aug 9, 2010 at 22:49

Yngve B-Nilsen · Accepted Answer · 2010-08-10 06:48:34Z

2

This wont work when objects are added to the DOM after the initial load. In those cases you should go for the new .live() syntax in jQuery :

$("button").live("load", function(){
    $(this).button();
});

It listens for new objects being added to the DOM and attaches an eventhandler to it..

Hope that helps!

answered Aug 10, 2010 at 6:48

Yngve B-Nilsen

9,6762 gold badges38 silver badges51 bronze badges

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

1 Comment

Click Ahead Over a year ago

Hi Yngve, thanks for the reply. I tried this but it didn't work. I placed this in the MasterViewPage but when I loaded my PartialView there was no styling.

Collectives™ on Stack Overflow

Is there a way for MVC Partial View retrieved using jQuery to keep UI CSS Styling?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related