Question

我正在尝试为我的网站创建一个样式切换器。我已经成功创建了一个下拉菜单并将其保存在localstorage上。现在，我正在尝试通过if和else使用localstorage信息到alert()，但它不起作用。这是代码：

JS

$(document).ready(function() {

    var item = window.localStorage.getItem('active_style');
    $('select[name=active_style]').val(item);

    $('select[name=active_style]').change(function() {
       window.localStorage.setItem('active_style', $(this).val());
    });

    if (item == "dark") {
        alert("WORKS");
    };

});

HTML

<select name="active_style" id="lol" class="dropdownselect" >
    <option value="">Default</option>   
    <option value="Dark" selected="selected">Dark</option>
</select>

我不知道为什么它不起作用。请帮忙。

Answer 1

会发生这种情况，因为您存储了Dark并将其与dark进行了比较。看到区分大小写的事情。第一个D是大写的。

Answer 2

添加我自己的早期评论作为答案，让那些觉得这个错字的抱怨者真的应该得到答案：）

＆＃34;该值区分大小写，因此您应该== "Dark"与<option value="Dark"＆＃34;

匹配

localstorage如果不工作

2 个答案: