javascript - Selectable (jQuery UI) 的浏览器历史记录

Question

当我转到其他页面时，如何保持打开的可选项目？当我回来时，我希望它已经打开了最后一个，无论是当我重新加载页面还是通过“上一页”(浏览器历史记录)时。 ui-state-active 设置为当前打开的项目。

Answer 1

您还可以考虑使用 location.hash 来存储该信息，而不是使用 Cookie。

当用户通过浏览器历史记录返回页面时，哈希值仍然会被设置，并且可以根据需要进行检索。

使用哈希根据哈希值在 select 元素中选择选项的基本示例:

<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>