gpt4 book ai didi

jquery - 在两个样式表之间切换

转载 作者:技术小花猫 更新时间:2023-10-29 10:58:51 26 4
gpt4 key购买 nike

我正在尝试添加一种在 2 个样式表之间切换的非常简单的方法。

我可以让样式表在点击时触发,但无法将其切换回原来的状态:

<button id="css_toggle" title="I'm a tooltip!">Text</button>
<div class="sq"></div>
$('#css_toggle').click(function () {
$('link[href="http://localhost:8888/rip-access/wp-content/themes/RIP/assets/css/style.css"]').attr('href', 'http://localhost:8888/rip-access/wp-content/themes/RIP/assets/css/style1.css').toggle();
});

这是一个非常简单的例子,所以我可以在继续之前了解如何做。有什么想法可以让它切换回第一个样式表吗?

最佳答案

更好、更可靠的解决方案是使用单个样式表并通过使规则依赖于 body 上的类来交替样式。然后,您可以在需要时切换该类,如下所示:

$('#css_toggle').click(function() {
$('body').toggleClass('default highlight');
});
body.default .sq {
border: 1px solid #C00;
}

body.highlight .sq {
background-color: #CC0;
border: 2px dotted #C00;
}

.sq {
margin: 10px 0 0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body class="default">
<button id="css_toggle" title="I'm a tooltip!">Text</button>
<div class="sq">
Foo
</div>
</body>

关于jquery - 在两个样式表之间切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47772015/

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