Question

我正在尝试从本地存储中检索一些项目，如果它们在那里，则在页面上显示一些内容。这是我想要做的：

function loadData()
{       
    var transData = storage.get('TransInfo');

    if(transData != undefined)
    {
        $('#UserName').val(transData[0]);

        if(transData[1] == 'Blue')
        {
            $('#radio-choice-1').attr('checked', true);
        }
        else
        {
            $('#radio-choice-2').attr('checked', true);
        }

        $('#TransNum').val(transData[2]);

        if(transData[3] == 'A')
        {
            $('#radio-choice-1-board').attr('checked', true);
        }
        else
        {
            $('#radio-choice-2-board').attr('checked', true);
        }

        unHideAll();
        return true;
    }
};

当数据最终加载时，我想调用unHideAll（）：

//THIS FUNCTION FAILS WHEN CALLED!!
function unHideAll()
{
    /*
    $('#radio-choice-1').checkboxradio('enable');
    $('#radio-choice-2').checkboxradio('enable');
    $('#radio-choice-1-board').checkboxradio('enable');
    $('#radio-choice-2-board').checkboxradio('enable');
    $('#TransNum').textinput('enable'); 
    $('#UserContinue').remove();
    $('#nextButton').show();
    */
};

我得到的问题是unHideAll（）永远不会到达任何地方。如果我在顶部放置一个alert（），它会显示，但如果我在底部放置一个alert（），它就永远不会到达那里。知道为什么吗？

以下是我调用方法的方法：

$(document).ready(function()
{   
    clearStorage(); 
    loadData();
    unHide();           
    collectData();
});

知道为什么我不能让unHideAll（）做任何事情吗？它适用于传统的unHide（）方法，我在没有本地存储时使用它，但是如果存在本地存储，它往往会很快失败。

有什么想法吗？

编辑：

这是我的本地存储代码：

window.storage = {
    store:localStorage,
    get: function( key ) 
    {
        try
        {
            return JSON.parse(this.store[key]);
        } 
        catch(e) {};

        return undefined;
    },
    set: function( key, value) 
    {
        try
        {
            this.store[key] = JSON.stringify(value);
        } 
        catch(e) {};
    }
};

编辑2：

这里有一些有效的代码，这就是为什么它在我的新方法中不起作用的原因令人费解。

//THIS CODE WORKS FLAWLESSLY TO REVEAL ITEMS!!
$('#UserContinue').click(function() 
{
    if($('#UserName').val() == '') 
    {
        alert('Please Enter a User Name First!');
        return false;
    }
    else 
    {
        User_Name = $('#UserName').val();
        $('#radio-choice-1').checkboxradio('enable');
        $('#radio-choice-2').checkboxradio('enable');
        $('#radio-choice-1-board').checkboxradio('enable');
        $('#radio-choice-2-board').checkboxradio('enable');
        $('#TransNum').textinput('enable'); 
        $('#UserContinue').remove();
        $('#nextButton').show();

        confirm('Welcome ' + User_Name +'!');

        return true;
    }

    return true;
});

这真的很奇怪......

Answer 1

unHideAll（）的代码完全错误。您没有像checkboxradio（）或textinput（）这样的方法。这就是为什么，当调用函数时，会发生错误并产生您解释的行为要使用jQuery启用/禁用表单元素，请阅读FAQ： http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_disable.2Fenable_a_form_element.3F

Answer 2

你可以试试这个：

window.storage = {
    store:localStorage,
    get: function( key ) 
    {  
      var ret = this.store.getItem('key');
      if(ret) {
           return JSON.parse(ret);
       }
        return undefined;
    },
    set: function( key, value) 
    { 
        this.store.setItem(key, JSON.stringify(value));
    }
};

注意：

在get函数中，我看不到任何有关localStorage
set函数不会将数据设置为localStorage

jQuery和本地存储异常行为

2 个答案: