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

你好，我已经试着解决这个问题很长时间了。当我使用香草html时，这段代码似乎很有效。（从平铺视图更改为列表视图）。现在我已经将它合并到django中，并且hrefs包含静态标记，我不知道如何在jquery中引用它并更改它的href。请帮忙

HTML

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

---

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

您可以做以下两件事之一

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

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

最后，确保两个css文件都保存在静态过程中，并维护jquery：

$（'#列表图标'）。单击（函数（）{
$（'link[href=“{%static/path/to/first/css/page%}]”）。attr（'href'，'{%static/path/to/first/css/page%}'）；
});
$（'#tileScon'）。单击（函数（）{
$（'link[href=“{%static/path/to/second/css/page%}]”）。attr（'href'，{%static/path/to/second/css/page%}）；
});

我是凭记忆打出来的，请耐心听我说。 希望这有帮助

---

你可以做两件事中的一件

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

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

最后，确保两个css文件都保存在静态过程中，并维护jquery：

$（'#列表图标'）。单击（函数（）{
$（'link[href=“{%static/path/to/first/css/page%}]”）。attr（'href'，'{%static/path/to/first/css/page%}'）；
});
$（'#tileScon'）。单击（函数（）{
$（'link[href=“{%static/path/to/second/css/page%}]”）。attr（'href'，{%static/path/to/second/css/page%}）；
});

我是凭记忆打出来的，请耐心听我说。 希望这有帮助

---

只需为链接标记添加一个附加属性

id

。您可以从

head

中删除当前的

样式表

，然后添加另一个样式表

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

$('#myid').remove();
$('head').append( $( '<link/>', {'rel' : 'stylesheet', 'id': 'myid', 'href':'newlink' } ));

$（'#myid'）。删除（）；
$（'head'）.append（$（''，{'rel'：'stylesheet'，'id'：'myid'，'href'：'newlink'}）；

只需为链接标签添加一个附加属性

id

。您可以从

head

中删除当前的

样式表

，然后添加另一个样式表

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

$('#myid').remove();
$('head').append( $( '<link/>', {'rel' : 'stylesheet', 'id': 'myid', 'href':'newlink' } ));

$（'#myid'）。删除（）；
$（'head'）.append（$（''，{'rel'：'stylesheet'，'id'：'myid'，'href'：'newlink'}）；

你好！我明白你想说的，但我如何在django中同时加载它们，但在客户端只显示1？你必须只加载一个。该文件由服务器提供。你装一个。静态文件始终可供公众使用。无论您在django模板中加载哪一个，所有静态文件都有自己的URL，您可以随时访问它们。您可以在两者之间更改href属性。@Jason如果浏览器在href属性更改时未获取新的css文件，请通知我。我们有另一个选择。是的，不幸的是它不起作用。在我的django中，它都在一个静态文件夹中，但如果我同时包含这两个文件夹，它们只是重叠的，你的意思是有同名的类吗？你好！我明白你想说的，但我如何在django中同时加载它们，但在客户端只显示1？你必须只加载一个。该文件由服务器提供。你装一个。静态文件始终可供公众使用。无论您在django模板中加载哪一个，所有静态文件都有自己的URL，您可以随时访问它们。您可以在两者之间更改href属性。@Jason如果浏览器在href属性更改时未获取新的css文件，请通知我。我们有另一个选择。是的，不幸的是它不起作用。在我的django中，它都在一个静态文件夹中，但如果我同时包含这两个文件夹，那么它们只是重叠的，你的意思是有同名的类吗？谢谢！我明天会试试这个，但我想它会管用的。一整天的工作让我很累谢谢！我明天会试试这个，但我想它会管用的。一整天的编码让我很累

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

$('#myid').remove();
$('head').append( $( '<link/>', {'rel' : 'stylesheet', 'id': 'myid', 'href':'newlink' } ));