如何在重新加载时加载不同的div (按重复顺序)
我在互联网上看到过这段代码：
$(function(){
$(".various"+(new Date().getTime() % 3)).css("display", "block");
});它以随机的顺序更改在重新加载时可见的div。我只有一个问题，在我的情况下，这看起来非常不专业。所以我的问题是，我如何才能让它不是随机的，而是首先显示div1，第二次重新加载div2，第三次重新加载div3，然后再返回div1，我是javascript的新手，所以javascript的一个空洞的新和平也是很好的
谢谢，清酒
回答 2
Stack Overflow用户
发布于 2014-03-20 01:25:02
如果您只想在页面加载时更改div (这意味着没有为div运行幻灯片，请更改html以隐藏/显示它们)。
我可以想到三种方法：
1)您可以尝试使用cookie来存储当前的div。
- 你可以尝试用纯javascript来处理cookie，或者更好的方法是使用
- ，因为你已经在使用jquery了。看看这篇很好的帖子和jQuery的$.cookie插件:jQuery
这具有在旧浏览器中工作的优点( jquery将处理crossbrowsing)
通过jQuery (jquery.cookie插件)更新使用cookies的示例
在jQuery之后添加jquery.cookie插件
<script src="jquery-1.9.1.js"> </script>
<script src="jquery.cookie.js"> </script>假设我们/你有这个html div：
//Notice the divs are using a prefixed id with numeric ending
//(I think it's the best option)
<div id="mdiv1">
<ul><li><a href="#" id="mlink"> hello 1 </a></li></ul>
</div>
<div id="mdiv2">
<ul><li><a href="#" id="mlink"> hello 2</a></li></ul>
</div>
<div id="mdiv3">
<ul><li><a href="#" id="mlink"> hello 3</a></li></ul>
</div>这是jQuery代码：
<script>
$(document).ready(function(){
//hide all divs just for the purpose of this example,
//you should have the divs hidden with your css
$('#mdiv1').hide();
$('#mdiv2').hide();
$('#mdiv3').hide();
//check if the cookie is already setted
if ($.cookie("currentDiv")===undefined){
$.cookie("currentDiv",1);
}else{ //else..well
//get and increment value, let's suppse we have just 3 divs
var numValue = parseInt($.cookie("currentDiv"));
numValue = numValue + 1;
if (numValue>3){
//restart to 1
$.cookie("currentDiv",1);
}
else{ //no issues, assign the incremented value
$.cookie("currentDiv",numValue.toString());
}
//show the div
$('#mdiv'+$.cookie("currentDiv")).show();
}
});
</script>2)正如@Ra Mon评论的那样，localStorage是另一个很好的选择(现代浏览器)来跟踪最后加载的div。
我认为它比cookies更优雅，但它有不能在旧浏览器上工作的缺点，当然你可以使用Modernizer来增强检测功能，并应用一些polyfill (使用cookies) 来实现交叉浏览。
3)我想提的第三种方法(只要你不需要“动态”html)就是使用服务器端会话(php/aspx)来跟踪上一次加载/渲染的div，并渲染下一次。即使你可以从服务器端处理cookies，如果不想使用基于内存的会话，的缺点也会丢失缓存。
尝试一些代码，然后使用更多和/或特定的细节来更新您的问题，这样无论您选择哪种方法，都会有人能够帮助您。
@RyanS我的意思是：
关于“动态”div如果你打算只在页面加载时更改，那么就不需要使用clientSide脚本，这可以从服务器端实现。
关于“缓存”，如果你要在服务器端更改页面/html，web服务器将不得不再次“服务”web页面到web浏览器/客户端，因为它从最后一次查看更改(缓存丢失，增加了一点负载流量，带宽使用) <<<更好地说，如果浏览器确定该页面自上次查看以来已经更改(并将会)，将再次请求html/页面。
Stack Overflow用户
发布于 2014-03-19 23:58:26
您可以使用Cookie来保存当前可见的div编号。
有关如何设置和检索cookie的信息，请阅读以下内容：JavaScript Cookies
获得当前div编号后(例如，名称为divNum，请运行此函数
function showDiv() {
$("#div" + divNum).show();
divNum++;
//Remember to set the divNum back to the cookies for later use
}我不是专业人士所以也许有更好的方法来处理这件事..CMIIW~
https://stackoverflow.com/questions/22511144
复制相似问题
腾讯云开发者
