gpt4 book ai didi

jquery - 使用 jQuery 更改样式表 href 不太有效

转载 作者:太空宇宙 更新时间:2023-11-03 19:22:09 24 4
gpt4 key购买 nike

我正在创建一个用户将在现场访问的网络应用程序,因此他们希望能够根据环境照明手动将样式从浅色切换到深色。我正在使用 jQuery。

我在样式表中添加了一个 id 属性,然后使用 toggle() 事件创建了一个按钮,我在其中更改了 href属性到我想要的 CSS 文件。 CSS 文件有几个 @import 指令,因为我将样式分成几个文件以便于维护。

我的问题是只应用了主 CSS 文件。我尝试在 @import 指令中使用绝对路径,但没有成功。

这里有我遗漏的修复方法吗,还是我必须将所有内容都包含在一个 CSS 文件中?

编辑:

显然这只是 IE8 中的问题,在 Chrome 和 Firefox 中工作正常。不幸的是,我的客户 IE8。看起来这是 this question. 的副本

最佳答案

我没有明确的答案,但我怀疑 @imports更改 href 的 URL 时不会“运行”。

我会采取不同的方法——用类标记正文并在您的 toggle() 时更改类事件触发。

<body class="LightTheme">

然后

document.getElementsByTagName("body")[0].className = "DarkTheme";

不幸的是,这确实意味着两个主题的所有样式都必须在 CSS 中可用,而不是加载一个另一组 CSS 文件。还有其他可能的策略,包括在样式更改时强制重新加载页面,服务器将一个或另一个主题名称写为主体的类,例如<body class="${chosenTheme}">

关于jquery - 使用 jQuery 更改样式表 href 不太有效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3007669/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com