4
if (localStorage.getItem('todo')!=undefined){    
        var tasks = [];
        tasks = JSON.parse(localStorage.getItem('todo'));
        for (var key in tasks) {
            $('#list').append("<li >" + tasks[key] + "</li>");
        }
    }

        function SaveTask(){
            var tasks = [];
            $('li.task').each(function(i, el){
                var val = $(el).text();                         
                    tasks.push(val);                        
            }); 
            console.log(tasks); 
            localStorage.setItem('todo', JSON.stringify(tasks));

        }

        function AddTask(){
            var val = $('#new-todo').val();
            var del = $('<a class="del" href="#" />').text('×');
            var li = $('<li class="task" />').html(val).append(del);
            if (val) {
                li.appendTo($('#list'));
                $('#new-todo').val('');                                 
            }

            del.click(function () {
                li.remove();                
            });
        }   

        $('#btn-enter').click(function () {
            AddTask();
            SaveTask();
        });

При перезагрузке страницы отображаются только последнедобавленные, вместо всех. Если var tasks = []; сделать глобальной, идет некорректное сохранение в массив. Тут 2 варианта - скорректировать SaveTask() или localStorage. Рассмотрю все... http://jsfiddle.net/Nata_Hamster/6vhas75k/

0

1 ответ 1

3

Вы при сохранении делаете выборку по li.task в то время, как класс task добавляете только новым записям, поэтому старые записи не входят в выборку для сохранения.

Не меняя оформление страницы можно сделать выборку #list > li - в нее входят и старые и новые записи.

Такой селектор css читается как "выбрать все элементы li - прямые потомки элемента с id list"

http://jsfiddle.net/6vhas75k/2/

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.