页面加载时的 Jquery 显示 div 并隐藏另一个答案

【问题标题】：Jquery on page load show div and hide another页面加载时的 Jquery 显示 div 并隐藏另一个
【发布时间】：2015-01-12 03:01:03
【问题描述】：

我正在尝试制作这样的效果：每次打开网站页面时都会出现一个 div 而另一个 div 消失，并且它们总是交替出现。 div1 , div2 , div1 , div2 .... 我设法随机做到这一点，如下面的代码所示，但我想切换每个页面加载、刷新的顺序。有人可以帮我解决这些问题吗？

jQuery("document").ready(function($){
var numRand = Math.floor(Math.random() * 2);
 switch (numRand) {
    case 0:
    $(".div1").remove();
        break;

    case 1:
    $(".div2").remove();
        break;
 }
});

【问题讨论】：

标签： jquery random load switch-statement refresh

【解决方案1】：

您将不得不将上次选择的内容存储在某个地方。 cookie 可能是最简单的方法。

由于跨域问题，代码无法在 SO 上运行，但这是一个有效的 jsFiddle

$(function() {
	var numRand = GetCookieValue("numRand") || 0;
	switch (numRand % 2) {
		case 0:
			$(".div1").remove();
			break;
		case 1:
			$(".div2").remove();
			break;
	}
	SetCookieValue("numRand", ++numRand);
});

function GetCookieValue(key) {
	var value = null;
	var cookieArray = document.cookie.split(';');
	for (var i = 0; i < cookieArray.length; i++) {
		var keyValuePair = cookieArray[i].split("=");
		if (keyValuePair[0] == key) {
			value = keyValuePair[1];
			break;
		}
	}
	return value;
}

function SetCookieValue(key, value) {
	document.cookie = key + "=" + value;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="div1">
  This is div1
</div>
<div class="div2">
  This is div2
</div>

【讨论】：