Question

I want to change style references inside head tag when partial view is loaded to page with ajax. What is the logical way to accomplish this?

Answer 1

For replacing the style-sheet you can remove the existing one add a new one like below.

Remove existing style-sheet

$("link#mystylesheet").remove();

Add new stylesheet

var link = $("<link>");

link.attr({
        id: 'mystylesheet',
        type: 'text/css',
        rel: 'stylesheet',
        href: '/Content/themes/super/style.css'
});

$("head").append(link);