Динамические меню jQuery / JSON становятся статичными до выхода из системы - PullRequest
Новая
       5

Динамические меню jQuery / JSON становятся статичными до выхода из системы

0 голосов
/ 14 марта 2012

У меня есть список новостных статей в формате

, который был создан динамически с использованием jQuery (.ajax) и JSON.Когда я получаю данные JSON, я сконструировал элементы списка и добавил их к родительскому элементу
  • в сессионное / локальное хранилище?

    Код: 

    $('#schoolnews').live("click", function(){
$.mobile.showPageLoadingMsg();
var schoolID = sessionStorage.getItem('schoolID');
var entityType = sessionStorage.getItem('entityType');
$.ajax({
    url: 'http://www.sycamoreeducation.com/mobile/JSON/getnewslist.php',
    data: {schoolID: 'schoolID', entityType: 'entityType'},
    dataType: 'jsonp',
    jsonp: 'jsoncallback',
    timeout: 5000,
    success: function(data){
    //alert("Success in retreiving JSON News Data!");
    $.mobile.changePage('#news');
    $.each(data, function(index, value){
                var newslistitems = '<li class="newsitem" data-theme="c"><h3>' +value.Subject+ '</h3><p>Posted on: ' +value.Day+ '</p></li>';
            $('ul#newslist').append(newslistitems);
        });
    $('ul#newslist').listview('refresh');
    $.mobile.hidePageLoadingMsg();
    },
    error: function(){
    alert('Error Message');
    }
}); //end login ajax call
}); //end school news click listener

    Все еще очень новичок, когда дело доходит до jQuery, так что если вы можетеНайдите все области, где я могу улучшить, пожалуйста, не стесняйтесь, дайте мне знать.Спасибо!

1 Ответ

0 голосов
/ 15 марта 2012

В качестве альтернативы вы можете использовать html ()

В пределах $ .each изменения 

var newslistitems ....

до 

newslistitems +=

Затем определите newslistiems до цикла и после цикла добавьте: 

    $('ul#newslist').html(newslistitems);

Таким образом, каждый элемент добавляется в переменную newslistitems и добавляется в список новостей ul # в конце цикла, html () удаляет все предыдущее содержимое в списке новостей ul #, заменяя его содержимым переменной newslistitems. .

...