使用帖子将类发送到另一个页面
使用帖子将类发送到另一个页面
提问于 2018-06-10 00:25:26
一页的DIV (例如page01.php)每次我点击一个特定的按钮都会翻转180°。简而言之，此按钮每次都会向DIV (旋转180°)添加或删除一个类别(旋转器)。
当我按下另一个按钮更改页面(到page02.php)时，我需要检查page01.php中的DIV是否有这个类(rotator)，如果应用了这个类，我需要将它发送到page02.php，并将相同的类应用到另一个DIV，以使其看起来与page01.php相同。
这是jQuery中的按钮：
$(".btn-rotate").click(function() {
if ($("#box").hasClass("rotator")) {
$("#box").removeClass("rotator");
} else {
$("#box").addClass("rotator");
}
})这是DIV：
<div id="box" class="content-background bg-index">这是Rotator的CSS
.rotator {
transform: rotate(180 deg);
transform - origin: center;
}我正在考虑使用jQuery的POST和GET，但我真的不知道如何发送信息。
有人会有主意吗？
谢谢!
赫克托
回答 3
Stack Overflow用户
回答已采纳
发布于 2018-06-10 00:39:05
使用本地存储，
$(".btn-rotate").click(function(){
if ($("#box").hasClass("rotator")){
localStorage.removeItem('btn');
$("#box").removeClass("rotator");
} else {
localStorage.setItem('btn', 'rotator');
$("#box").addClass("rotator");
}
})在另一个页面中，检查它是否旋转
if (localStorage.getItem('btn') === 'rotator'){
$("#box").addClass("rotator");
} else {
$("#box").removeClass("rotator");
}Stack Overflow用户
发布于 2018-06-10 00:43:02
假设您在page01.php和page02.php两个页面上都有具有相同id的div。
您可以使用Web Storage API在浏览时存储某些值，以供将来根据需要使用。在这里，我使用了sessionStorage。sessionStorage对象仅存储一个会话的数据(关闭浏览器选项卡时，数据将被删除)。您可以使用localStorage属性存储没有到期日的数据。
在第01.php页上
$(".btn-rotate").click(function() {
if ($("#box").hasClass("rotator")) {
$("#box").removeClass("rotator");
sessionStorage.removeItem("hasClass");
} else {
$("#box").addClass("rotator");
sessionStorage.setItem("hasClass", "yes");
}
})在第02.php页上
if (sessionStorage.hasClass) {
$("#box").addClass("rotator");
}Stack Overflow用户
发布于 2018-06-10 21:46:04
我的错误，我忘了写"=== 'rotator‘。谢谢你们，真的很棒！这是最后的代码：
page01.php：
$(".btn-rotate").click(function(){
if ($("#box").hasClass("rotator")){
localStorage.removeItem('rotated');
$("#box").removeClass("rotator");
} else {
$("#box").addClass("rotator");
localStorage.setItem('rotated','rotator');
}
})第02.php页：
get_localstorage();
function get_localstorage() {
if (localStorage.getItem("rotated") === 'rotator'){
$("#box").addClass("rotator");
}
};再次感谢！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50776295
复制相关文章
相似问题
腾讯云开发者
