Question

jQuery点击改变Class，仿刷新

HTML如下：
<ul id="demo">
<li><a href="a">第一个链接</a></li>
<li><a href="a">第二个链接</a></li>
</ul>
.................
jQuery如下：
jQuery(document).ready(function() {
jQuery("#demo li").click(function() {
jQuery(this).addClass("on").siblings().removeClass("on");
});
});
=====================
用以上代码能实现点击后为li写入一个class="on",但是点击链接刷新页面后，又恢复到最先状态了。
请问，如何实现点击链接刷新页面后。<li class="on"></li>这个CLASS还保留住。

Answer 1

选择的时候给li后面的a的href加一个参数，进来的时候获取参数的值来赋值
jQuery("#demo li").click(function () {
jQuery(this).addClass("on").siblings().removeClass("on");
var selectId = $(this).index();
$("a", jQuery(this)).attr("href", "a" + "?selectId=" + selectId);
});
function RequestByName(ParameterName) {
var Url = window.location.href;
var IndexOfString = "?";
var LastIndex = Url.lastIndexOf(IndexOfString);
if (LastIndex > -1) {
var ParametersString = Url.substring(LastIndex + IndexOfString.length).replace(/(^\s*)|(\s*$)/g, "");
var ParameterS = ParametersString.split('&');
for (var i = 0; i < ParameterS.length; i++) {
var Parameter = ParameterS[i].split('=');
if (Parameter[0] == ParameterName) {
ParameterValue = decodeURIComponent(Parameter[1]);
return ParameterValue;
};
};
};
};
var selectId = RequestByName("selectId");
if (selectId != undefined) {
jQuery("#demo li").eq(parseInt(selectId)).click();
};

Answer 2

js cookie addCookie("名称",“值”天数);

后台的话 放到session,request.或者直接保存到数据库中，都行。

追问

能按上面的实例，帮我写一下吗，我是JS盲人。

Answer 3

这个你要防刷新的话，要么后台记录，要么记录到Cookie里面，然后在$(document).ready里面去判断然后赋值

追问

能帮忙书写一下吗？确实不会写。

Answer 4

恩,一般情况下是写入cookie或者是后台记录

Answer 5

一般网站不是用这种模式的。。。应该是判断当前的页面是哪个之后进行相关操作。