单击后退按钮记住并传递值

时间:2015-08-03 11:05:08

标签: javascript jquery

我正在使用MyApp.updateHashLabel来使用浏览器位置哈希来启用只有一个问题的后退/前进事件 - 它不会传递值。这是我的html代码,其中一个按钮(第四个)已经onClick MyApp.updateApp具有额外的值,当我点击另一个屏幕/状态的后退按钮时,我想通过它。因此,当我在第四个按钮之后点击第二个按钮然后返回它显示我的正确屏幕但不显示值= 6.有没有办法将它放在sessionStorage中以执行此操作?或者可能有不同的解决方案......

<div class="button-bar">
   <button onclick="MyApp.updateApp(1, true);" type="button">ONE</button>
   <button onclick="MyApp.updateApp(2, true);" type="button">TWO</button>
   <button onclick="MyApp.updateApp(3, true);" type="button">THREE</button>
   <button onclick="MyApp.updateApp(4, true, 6);" type="button">FOUR</button>
</div>
<div id="hash-label">#</div>
<div id="value-label"></div>
<div id="image-placeholder"></div>

这是我的jQuery代码:

MyApp.updateApp = function (hashValue, allowAppToUpdateHash, valueID) {
    var index = parseInt(hashValue, 10);
    var imageNode = document.getElementById('image-placeholder');
    var id = parseInt(valueID, 10);
}

值使用的功能是:

 window.article = function (id) {
   $("#value-label").html(id);
}

请在这里查看我在jsfiddle的完整代码:http://jsfiddle.net/nzsqt06a/1/

非常感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

你可以拦截args并将它们存储在会话存储中,并在再次加载DOM后恢复它们。