每次单击特定按钮时,一页的DIV(例如page01.php)都会翻转180°。简而言之,此按钮每次都向DIV中添加或删除类(旋转器)(旋转180°)。
当我按下另一个按钮以更改页面(至page02.php)时,我需要检查page01.php中的DIV是否具有此类(旋转器),如果应用了该类,则需要将其发送至page02.php。并将相同的类应用于另一个DIV,使其看起来与page01.php相同。
这是jQuery中的Button:
$(".btn-rotate").click(function() {
if ($("#box").hasClass("rotator")) {
$("#box").removeClass("rotator");
} else {
$("#box").addClass("rotator");
}
})
这是DIV:
<div id="box" class="content-background bg-index">
这是CSS Rotator
:
.rotator {
transform: rotate(180 deg);
transform - origin: center;
}
我正在考虑使用jQuery的POST和GET,但我真的不知道如何发送信息。
有人可能有个主意吗?
谢谢!
赫克托
使用本地存储,
$(".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");
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句