javascript - 如何使用 Jquery 和 Django 更改样式表

Question

您好，我已经尝试解决这个问题很长一段时间了。当我使用 vanilla html 时，这段代码似乎可以工作。 (从平铺 View 更改为 ListView )。现在我已经将它合并到django中并且hrefs包含静态标签，我不知道如何在jquery中引用它并更改它的href。请帮忙

HTML

<link rel="stylesheet" type="text/css" href="{% static "Stylesheets/tileVersion.css"  %}">

我想把它改成这个css href

<link rel="stylesheet" href="../Stylesheets/listVersion.css">

JQUERY

$('#listicon').click(function () {
        $('link[href="static/Stylesheets/tileVersion.css"]').attr('href', 'static/Stylesheets/listVersion.css');
    });
    $('#tilesicon').click(function () {
        $('link[href="static/Stylesheets/listVersion.css"]').attr('href', 'static/Stylesheets/tileVersion.css');
    });

如果可能的话，我希望能够在它们之间切换。任何形式的帮助将不胜感激

Answer 1

您可以执行以下两件事之一。

1. 您可以使用静态引用将一个 CSS 文件加载到另一个 CSS 文件上，方法是在代码中使用 if 标记从变量或数据源获取 css 链接值(地址/url)。这会在服务器时间进行编译。这也意味着运行时只加载一个 css。这对于客户端来说是静态的。例如:

2. 与 #1 相同，但您可以使用内联 if 来确定哪一个转发给客户端。

3. 最后，确保两个 css 文件都保存在静态进程中，并维护您的 jquery:
$('#listicon').click(function () {
$('link[href="{% static/path/to/first/css/page %}"]').attr('href', '{% static/path/to/first/css/page %} ')；
});
$('#tilesicon').click(function () {
$('link[href="{% static/path/to/second/css/page %}"]').attr('href', {% static/path/to/second/css/page %}) ;
});
这是我凭内存打出来的，所以请耐心等待。希望这会有所帮助。