Question

JavaScript 点击不同的li，进入同一个页面，显示相应的状态

动态添加的li列表，点击一个列表进去一个功能页面之后有个声音开关图标，点一下变成关闭状态，退出这个页面，再点下一个列表，还进入这个功能页面，但是图标还是关闭状态，怎么实现点击不同列表进入的功能页保存的都是不同的状态啊？
//点击图标切换
function voice_onOff() {
$(function() {
if ($('#voiceSpan').attr('class') == 'mui-icon setting_icon icon-shengyintixingkai') {
$('#voiceSpan').attr('class', 'mui-icon setting_icon icon-shengyintixingguan');
localStorage.setItem("VOICESTATE", $('#voiceSpan').attr('class'));

} else {

$('#voiceSpan').attr('class', 'mui-icon setting_icon icon-shengyintixingkai');
localStorage.setItem("VOICESTATE", $('#voiceSpan').attr('class'));
}
});
}
//页面显示切换后的图标
function get_storage_voice() {
$(function() {
if (localStorage.getItem("VOICESTATE") == null) {
$('#voiceSpan').attr('class', 'mui-icon setting_icon icon-shengyintixingkai');
} else {
$('#voiceSpan').attr('class', localStorage.getItem("VOICESTATE"));
}
});
}

Answer 1

在li下的链接里添加一个参数，然后在目标页面对参数处理，

例如xxx.html?state=1、xxx.html?state=2、xxx.html?state=3。
使用js获取state然后根据这么值进行处理

追问

我这个是移动端，移动端本地实现，没有服务器，也不用ajax，直接在标签里加xxx.html?state=1吗？那动态添加的li怎么动态的往标签里加参数呢？

追答

用js呗，循环添加，每一条的路径不一样就行了

追问

虽然还是不太知道具体怎么实现，不过谢谢你了