Selectable(jQuery UI）的浏览器历史记录

browser history for Selectable (jQuery UI)

本文关键字：浏览器 历史 记录 jQuery UI Selectable      更新时间：2023-09-26

当我转到其他页面时，如何保持打开的可选择项目？当我回来的时候，我希望它已经打开了最后一个，无论是当我重新加载页面还是浏览"上一页"（浏览器历史记录）ui状态活动设置为当前打开的项目。

您也可以考虑使用location.hash来存储这些信息，而不是使用cookie。

当用户通过浏览器历史记录返回页面时，哈希仍然会被设置，并且可以随意检索。

一个使用哈希值在选择元素中选择选项的基本示例：

<script>
$(function() {
    // read the hash and strip the '#' if found
    var hashValue = (location.hash != "") ? location.hash.substr(1) : null;
    // select the option with value = hashvalue
    if(hashValue)   {
        $("#selectElement").val(hashValue);
    }
    // when the user selects an option, store the option value in the location.hash
    $("#selectElement").change(function() {
        location.hash = $(this).val();
    });
});
</script>
<select id="selectElement">
    <option value="1">option 1</option>
    <option value="2">option 2</option>
    <option value="3">option 3</option>
    <option value="4">option 4</option>
</select>

这可能很痛苦，但您需要使用cookie。您需要在页面加载时从cookie中加载值，并在每次控件更改某些值时保存cookie。我认为jQueryUI选项卡使用jquery.cookie.js.

相关文章：