加载时触发的代码可防止页面加载

Question

我正在尝试遍历存储在localStorage中的数组，它应该创建一个新的div，其中包含页面加载时存储在数组中的每个对象的信息。 但是，当我添加这部分代码时，我的页面将无法加载：

if(localStorage.getItem('shift') !== null){
 var shift_info = JSON.parse(localStorage.getItem('shift'),10);
       for(var i = 0; i < shift_info.length; i = i + 1){
            $('#shifts_to_complete').append('<div id="'+ i +'" class="current_shift" data-role="fieldcontain"></div>');
            var obj = shift_info.pop();
            $('#'+ i +'').html('Location: ' + obj.shift_location + '<br>Date: ' + obj.shift_date + '<br>Shift Starts: ' + obj.start_time + '<br>Shift Ends: ' + obj.end_time + '<br>Hours Worked: ' + obj.duration + '<br>Pay for Shift: &pound' + shift_pay + '<br><button class="shift_button ui-btn ui-shadow ui-btn-corner-all ui-btn-up-b" id="btn_'+ length +'">Completed?</button>');
       }
    }

它似乎只是最后两行代码阻止了页面加载。有什么想法吗？

干杯 詹姆斯

Answer 1

我愚蠢地错过了一个obj.所以有一个未定义的变量。