问题标签 [styleswitching]

好的，所以我在php中做了一个样式切换器，我将它用作我网站上的隐藏功能，当用户键入“teema”时触发，页面内容顶部会出现一个模式框并显示可用的主题。

但是，我想在不刷新页面的情况下更改主题，因此 css 应该在后台加载。这是 teema.php：

以及检查 cookie 的索引上的 php：

如何在后台加载新的 css，并使用 jQuery 将其淡入旧 css？

我一直在关注 javascript css 切换器的 Kevin Luck 示例。 http://www.kelvinluck.com/assets/jquery/styleswitch/index.html

我让它在我的本地项目上工作。我的问题/问题是，当我使用 Kevin Luck 使用的旧 javascript 时，它可以工作。当我尝试更新 jQuery 版本时，它会中断。如何更新此示例以使用最新的 1.10.2 jQuery？

索引页面看起来像这样（相关部分）

jQuery (styleswitcher.js) 看起来像这样

唯一相关的 CSS 是样式表名称，它们被称为学院和公司。您可以在上面的 php/html 代码中看到它们。我很困惑为什么这会中断，并且不知道如何解决。任何想法都会非常有帮助。谢谢！

我对 jQuery 和 Javascript 非常陌生，所以我的样式切换器有问题，css 部分可以工作，但脚本不能，我不知道如何让它工作。

Javascript：

HTML：

它改变了这些：

如果有帮助，我的菜单脚本大致如下所示：

如果有人可以帮助我让它工作，那就太棒了

谢谢，阿尔弗雷德

我有样式切换器，使用 php 和 jquery 来实现它。现在，当我单击其按钮打开时，页面跳转到页面顶部。以及当我单击相同的按钮关闭样式框时。同样的情况会跳转到页面顶部。如何更改代码以使其在不跳转的情况下打开。

我是一个网页设计新手，所以我不确定这是否是最好的论坛，或者是否有一些完全让我无法理解的明显解决方案。如果是这种情况，请原谅我。所以，这就是交易。

我正在使用craft cms 构建一个博客，并且在我的布局文件上我使用styleswitcher.js 脚本在两个css 文件之间切换。

我还使用 css 样式来部署社交媒体图标。例如，facebook 看起来像这样：

当我注意到 Internet Explorer 无法显示 png 文件时，我决定切换到 svg 文件。经过一些工作，我能够将我的 png 文件转换为 svg。我还将样式表上引用的所有 png 文件更改为 svg。

然而，这就是问题所在。一旦我使用包含 svg 文件的 css 样式表，在样式之间切换只会影响我进行切换的特定页面，而不是整个站点。

因此，如果我在主页上切换样式，然后转到文章页面，我会看到以前的样式表。有时，即使我浏览分页页面，样式也会发生变化。

那么，出了什么问题，我该如何解决？

PS。我应该注意到，当我在 ipad 上测试我的网站时，即使使用 png 文件，我也注意到了同样的问题。

PS2。好的，这是 styleswitcher.js 文件中的代码：

我想将标签设置为默认值（标签 #1）

我的问题可能与社区中的许多其他人非常相似，但是......我想在我的一个非常具体的代码中解决一个具体问题。

https://codepen.io/anon/pen/WqBvPG

HTML：

CSS：

我想要这样的东西，但没有 Javascript，只有 CSS。 https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_tabs_close