我不知道为什么我不能访问两个功能

Question

我正在尝试将输入的信息保存在本地存储中。但是当我按下“保存”或“加载”时，它会进入“if”而不是函数 $('#save').on('click',...) 和 $('#load' )...

if (typeof (Storage) !== "undefined") {

    $('#save').on('click', function() {
        window.alert("storagecomp");
        $('input[type="text"]').each(function() {
            var id = $(this).attr('id');
            var value = $(this).val();
            localStorage.setItem(id, value); 
        });
    });

    $('#load').on('click', function () {

        window.alert("warnigclick");
        $('input[type="text"]').each(function () {
            var id = $(this).attr('id');
            var value = localStorage.getItem(id);
           $(this).val(value);
        });
    });
} else {
    window.alert("Não suporte do browser para o LocalStorage");
}

这是调用上述 javascript 代码的代码。

<div id="buttonsL">
   <button type="submit" id="buttonL" name="submit">Registar Oferta</button>
   <button  id="save" name="submitG">Save</button>
   <button  id="load"  name="fg" >Load</button>
   <script  src="../JSFiles/LocalStorageStuff.js" language="Javascript"></script>
</div>

我一直在寻找，但我无法弄清楚我做错了什么。为什么不访问这两个功能？

Answer 1

错别字：

    $('input[type=text"]').each(function() {
                      ^---what's this for?

在您的两个点击处理程序中。