Question

即使刷新页面后，我也希望我的下拉菜单保持打开状态。这是我的代码

$(document).ready(function () {

    $("#btn").click(function (e) {

        $("#box").slideDown(1000);

    });
});

Answer 1

如果它总是加载打开，只需将CSS设置为最初显示它。无需代码！如果您只想在加载页面后将其加载打开，打开它然后刷新，您可以使用sessionStorage来保存状态。请注意，只有在他们不关闭浏览器窗口/选项卡时才会起作用。一旦他们这样做，它将重置自己。

另外注意，如果场景是后者，还有其他方法可以传递当前状态，但这是一个选项。

小提琴：http://jsfiddle.net/AtheistP3ace/d38bdsuh/

HTML：

<div class="someClass"></div>
<button id="mybutton">open</button>

CSS：

.someClass {
    height: 100px;
    width: 100px;
    background: red;
    display: none;
}

JS：

$('#mybutton').on('click',
    function () {
        $('.someClass').slideDown(1000);
        sessionStorage.setItem('opened', 'true');
        alert('click run button now');
    }
);

var opened = sessionStorage.getItem('opened');
if (opened == 'true') {
    $('.someClass').css('display', 'block');
}

刷新页面后，保持slideDown（）菜单打开

1 个答案: