2013-10-24 4 views
0

Извините, что задал этот вопрос, но, тем не менее, я избавился от него. Я добавил консольный журнал в два раздела моего кода. Когда я перемещаюсь взад и вперед по каждому сообщению, разные журналы каждый раз присоединяются, даже если я нажимаю на одни и те же сообщения несколько раз. Надеюсь, это не свидетельствует о том, что мой DOM заполняется, даже если я добавил функцию .empty() в код, надеясь, что это просто очистит консольный журнал и добавит новые клики. Снимок экрана ниже:Консоль Вход нескольких записей и записей DOM

enter image description here

Разделы кода:

$(document).on('pagebeforeshow', '#blogposts', function() {  

    $('#postlist').html(); 
     $.ajax({ 
      url: "http://howtodeployit.com/category/daily-devotion/feed/?json=recentstories", 
      dataType: "json", 
      beforeSend: function() { $.mobile.showPageLoadingMsg(true); }, 
      complete: function() { $.mobile.hidePageLoadingMsg(); }, 

      success:function (data){ 

       console.log(data); 
       $.each(data.posts, function(key, val) { 

       var result = $('<li/>').append([$("<h3>", {html: val.title}),$("<p>", {html: val.excerpt})]).wrapInner('<a href="#devotionpost" onclick="showPost(' + val.id + ')"></a>'); 
       $('#postlist').append(result); 
       return (key !== 4); 

      }); 

      $("#postlist").listview().listview('refresh'); 

function showPost(id) { 
    $.mobile.showPageLoadingMsg("b", "Loading", false); 
    console.log(id); 
    $('#mypost').empty(); 
    $.getJSON('http://howtodeployit.com/category/daily-devotion/?json=get_post&post_id=' + id + '&callback=?', function(data) { 
     var posts=''; 
+3

На всякий случай, когда вы не знали, console.log сломает ie8, поэтому обязательно удалите его перед тем, как нажать на свою живую среду. –

+0

Только для его отладки и для уверенности, что все работает как ожидалось – Chelseawillrecover

+1

В конце концов вы можете написать 'console = console || {log: function() {}}; 'чтобы не нарушать браузер. – irla

ответ

0

Использование JQuery-х empty() не будет делать ничего на консоль, так как JQuery работает на DOM и не имеет ничего общего с консолью. Стандартное поведение консоли заключается в том, чтобы сохранить добавление данных (таким образом, у вас есть история ведения журнала). Вы можете попробовать использовать console.clear(), но он не поддерживается во всех браузерах. Тем не менее, я считаю, что Chrome и более новые версии FireBug поддерживают его.

+0

ОК, ребята, я понимаю, что это не имеет ничего общего с DOM. Хотя это так, как я могу подтвердить, сколько в DOM в любой момент времени – Chelseawillrecover

+1

Вы ищете количество конкретных элементов в DOM? Вы можете просто использовать 'jQuery (...). Length' (где' ... '- селектор). –

+0

Да, я буду исследовать это. – Chelseawillrecover

1

Существует console.clear(), с которым вы можете работать.

Также вас может заинтересовать console.table(data.posts).

Смежные вопросы