jquery - 将不同的样式表动态应用到布局中

Question

我有一个布局，其中我必须根据主页中选择的条件应用不同的外部样式表。条件是我必须根据主页中选择的用户从主页的下拉列表中选择一个用户页面我必须动态加载外部 css 文件并将其应用于布局。我正在使用 Jquery。我如何在 jquery 中执行此操作。

Answer 1

你的意思是:

$(document).ready(function() {
    $("#yourSelectId").change(function() {
        if($(this).val() == "something") {
            //load css
            var styleUrl = "some_stylesheet_url.css";
            $('<link rel="stylesheet" type="text/css" href="'+styleUrl+'" >')
            .appendTo("head");
        }
    });
});