blocks|key|4200708|text|使用本地存储，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4200709|$(".btn-rotate").click(function(){
++++if+($("#box").hasClass("rotator")){
++++++++localStorage.removeItem('btn');
++++++++$("#box").removeClass("rotator");
++++}+else+{
++++++++localStorage.setItem('btn',+'rotator');
++++++++$("#box").addClass("rotator");
++++}
})|code-block|syntax|javascript|4200710|在另一个页面中，检查它是否旋转|4200711|++++if+(localStorage.getItem('btn')+===+'rotator'){
++++++++$("#box").addClass("rotator");
++++}+else+{
++++++++$("#box").removeClass("rotator");
++++}|4200712|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

use local storage, 

<pre><code>$(".btn-rotate").click(function(){
 if ($("#box").hasClass("rotator")){
 localStorage.removeItem('btn');
 $("#box").removeClass("rotator");
 } else {
 localStorage.setItem('btn', 'rotator');
 $("#box").addClass("rotator");
 }
})
</code></pre>

and in another page check if it's rotated or no

<pre><code> if (localStorage.getItem('btn') === 'rotator'){
 $("#box").addClass("rotator");
 } else {
 $("#box").removeClass("rotator");
 }
</code></pre>

blocks|key|4200463|text|假设您在page01.php和page02.php两个页面上都有具有相同id的div。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4200464|您可以使用Web+Storage+API在浏览时存储某些值，以供将来根据需要使用。在这里，我使用了sessionStorage。sessionStorage对象仅存储一个会话的数据(关闭浏览器选项卡时，数据将被删除)。您可以使用localStorage属性存储没有到期日的数据。|4200465|在第01.php页上|4200466|$(".btn-rotate").click(function()+{
++++if+($("#box").hasClass("rotator"))+{
++++++++$("#box").removeClass("rotator");
++++++++sessionStorage.removeItem("hasClass");
++++}+else+{
++++++++$("#box").addClass("rotator");
++++++++sessionStorage.setItem("hasClass",+"yes");
++++}
})|code-block|syntax|javascript|4200467|在第02.php页上|4200468|if+(sessionStorage.hasClass)+{
++++$("#box").addClass("rotator");
}|4200469|entityMap^0|10|2|13|3|0|1D|E|1S|E|36|C|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@$9|10|A|11|B|C]|$9|12|A|13|B|C]|$9|14|A|15|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|16|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|17|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|18|8|@]|D|@]|E|$]]|$1|Q|3|R|5|L|7|19|8|@]|D|@]|E|$M|N]]|$1|S|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]]|T|$]]

Assuming that you have the <code>div</code> with same <code>id</code> on both page page01.php and page02.php. 

You can use Web Storage API to store certain values on browse for future uses as per your requirement. Here I have used <code>sessionStorage</code>. The <code>sessionStorage</code> object stores data for only one session (the data is deleted when the browser tab is closed). You can use <code>localStorage</code> property stores data with no expiration date.

On page page01.php

<pre><code>$(".btn-rotate").click(function() {
 if ($("#box").hasClass("rotator")) {
 $("#box").removeClass("rotator");
 sessionStorage.removeItem("hasClass");
 } else {
 $("#box").addClass("rotator");
 sessionStorage.setItem("hasClass", "yes");
 }
})
</code></pre>

on page page02.php

<pre><code>if (sessionStorage.hasClass) {
 $("#box").addClass("rotator");
}
</code></pre>

blocks|key|4200838|text|我的错误，我忘了写"===+'rotator‘。谢谢你们，真的很棒！这是最后的代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4200839|page01.php：|4200840|++++$(".btn-rotate").click(function(){
++++++++if+($("#box").hasClass("rotator")){
+++++++++++localStorage.removeItem('rotated');
++++++++++++$("#box").removeClass("rotator");
++++++++}+else+{
++++++++++++$("#box").addClass("rotator");
+++++++++++++localStorage.setItem('rotated','rotator');+++++++++++++++
++++++++}
++++})|code-block|syntax|javascript|4200841|第02.php页：|4200842|get_localstorage();
function+get_localstorage()+{
++++++++if+(localStorage.getItem("rotated")+===+'rotator'){
++++++++++++$("#box").addClass("rotator");
++++++++}+
++};|4200843|再次感谢！|4200844|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

My Mistake, i forgot to put "=== 'rotator'. Thank you so much guys, works like a charm! Here is the final code:

page01.php:

<pre><code> $(".btn-rotate").click(function(){
 if ($("#box").hasClass("rotator")){
 localStorage.removeItem('rotated');
 $("#box").removeClass("rotator");
 } else {
 $("#box").addClass("rotator");
 localStorage.setItem('rotated','rotator'); 
 }
 })
</code></pre>

Page 02.php:

<pre><code>get_localstorage();
function get_localstorage() {
 if (localStorage.getItem("rotated") === 'rotator'){
 $("#box").addClass("rotator");
 } 
 };
</code></pre>

Thanks again!!!

a DIV of one page (for example page01.php) flips 180° everytime that I click a specific button. In simple words, this button add or remove a class (rotator) to the DIV (rotate 180°) every time.

When I press another button to change the page (to page02.php) I need check if the DIV in page01.php has or not this class (rotator) and if this class it is applied I need to send it to the page02.php and apply the same class to another DIV to looks the same as the page01.php.

This is the Button in jQuery:

<pre><code>$(".btn-rotate").click(function() {
 if ($("#box").hasClass("rotator")) {
 $("#box").removeClass("rotator");
 } else {
 $("#box").addClass("rotator");
 }
})
</code></pre>

This is the DIV:

<pre><code>&lt;div id="box" class="content-background bg-index"&gt;
</code></pre>

This is the CSS of <code>Rotator</code>:

<pre><code>.rotator {
 transform: rotate(180 deg);
 transform - origin: center;
}
</code></pre>

I Was thinking to use POST and GET of jQuery but i really don't know how to send the information.

Someone could have an idea?

Thanks!

Héctor

Send a Class to another page with Post

一页的DIV (例如page01.php)每次我点击一个特定的按钮都会翻转180°。简而言之，此按钮每次都会向DIV (旋转180°)添加或删除一个类别(旋转器)。当我按下另一个按钮更改页面(到page02.php)时，我需要检查page01.php中的DIV是否有这个类(rotator)，如果应用了这个类，我需要将它...

问使用帖子将类发送到另一个页面
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用帖子将类发送到另一个页面EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用帖子将类发送到另一个页面
EN