将不同的样式表动态应用到布局中答案

【问题标题】：Applying different style sheets dynamically into a layout将不同的样式表动态应用到布局中
【发布时间】：2023-03-07 00:31:01
【问题描述】：

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

【问题讨论】：

我不明白为什么我的问题被否决了？我在网络上的任何地方都没有得到任何答案，所以我在这里发帖。请删除那些反对票。

标签： jquery css

【解决方案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");
        }
    });
});

【讨论】：

是的。这正是我想要的。我试过了，它工作正常。非常感谢