Question

大家好，我有一个设置框。然后我点击此框中的按钮，并作为sidebard css进行更改。但是，刷新页面时，设置框中所做的更改将返回初始状态。我希望刷新页面时这些设置保持不变。我希望我能够充分解释。请您检查下面的JQuery代码？谢谢大家。

$(".option-box a.one-part").click(function(){ 
    $(".sidebar-element").removeClass("sidebar-element-multi-part");    
    $(".sidebar-element").addClass("sidebar-element-one-part"); 
    $(".sidebar").addClass("sidebar-one-part"); 

    return false
});     

$(".option-box a.multi-part").click(function(){ 
    $(".sidebar-element").removeClass("sidebar-element-one-part"); 
    $(".sidebar").removeClass("sidebar-one-part"); 
    $(".sidebar-element").addClass("sidebar-element-multi-part");   
    return false
});

我的选项框Html代码`

        <!-- Option Box -->
    <div class="option-box">
        <a href="#" class="option-box-icon"><i class="fa fa-cog" aria-hidden="true"></i></a>

            <div class="option-box-title"><h3>SİDEBAR AYARLAR</h3></div><div class="clear"></div>
            <ul>
                <li><a class="one-part" href="#">Tek Parça</a></li>
                <div class="clear"></div>
                <li><a class="multi-part" href="#">Çoklu Parça</a></li>
            </ul>
    </div>
    <!-- #Option Box -->

我的补充工具栏HTML代码

            <!-- SideBar -->
        <div class="sidebar sidebar-one-part">

            <!-- Sidebar Redea Banner -->
            <div class="sidebar-element">
                <div class="banner-one">
                    <h2><i class="fa fa-window-maximize" aria-hidden="true"></i> Reklam Alanı</h2>

                    <div class="sidebar-redea-300x250">
                        <h3>Reklam Alanı</h3>
                    </div>

                </div>
            </div>              
            <!-- #Sidebar Redea Banner -->

Answer 1

您可以使用本地存储空间。 W3学校提供了一个很好的教程（HTML5 Storage）。

它就像这样（一个简单的例子）。

// Store 
localStorage.setItem("lastname", "Smith");

// Retrieve 
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

当页面刷新时，我希望我的设置保持不变

1 个答案: