После функции jquery .each код не выполняется

Question

Как я уже говорил выше, никакой код не будет выполнен после моей функции .each. Я думал, что каждый код будет выполнен после того, как каждая функция будет готова ?!

Heres мой JS-файл:

function onUploadLoad() { 
    $.ajax({ 
     type: "POST", 
     url: "headlines_getter.php", 
     dataType: 'json', 
     cache: false, 
     success: function (data1) { 
      console.log("debug 2"); 
      var i = 0; 
      var $element = ""; 
      $.each(data1[i].main, function() { 
       console.log("debug 3 "); 
       $element += '<div data-role="collapsible"><h3>' + data1[i].main + '</h3>'; 
       var j = 0; 
       $.each(data1[i].sub, function() { 
        console.log("debug 4"); 
        $element += '<span><input type="checkbox" name="headlines" data-mini="true" value="blub" /> ' + data1[i].sub[j] + ' </span>'; 
        j++; 
       }); 
       $element += '</div>'; 
       i++; 
       var $elements = $($element).appendTo($('#headlinesgroup')); 
       $elements.collapsible(); 
      }); 
    alert("ok"); // <- this alert is not shown!! 
    console.log("debug 12"); // <- also not this console.log! 
     } 
    }); 
} 

Если я делаю предупреждение перед каждой-функции, все работает нормально ?!

Заранее спасибо. С уважением, Джон.

Answer 1

Эта строка из кода:

$.each(data1[i].main, function() { 

говорит перебрать свойства/элементы data1[i].main. То есть, учитывая, что i равно 0 в этой точке, он ожидает, что .main свойство data1[0] будет либо массивом, либо объектом. Учитывая способ, которым вы затем пытаетесь продолжать использовать data1[i].main внутри цикла, и вы увеличиваете число i себя, я подозреваю, что .main не является массивом или объектом вообще, поэтому ни одна из ваших петель $.each() не работает, как вы думаете.

Просто угадать здесь, но структура ваших data1 данных на самом деле что-то вроде этого:

[ 
    { "main" : "some heading 1", "sub" : [ "item1", "item2", "item3" ] }, 
    { "main" : "some heading 2", "sub" : [ "item1", "item2", "item3" ] }, 
    { "main" : "some heading 3", "sub" : [ "item1", "item2", "item3" ] } 
] 

Эта структура соответствует тому, что вы, кажется, пытается сделать внутри ваших $.each() петель, но вы ушли неправильно, пытаясь использовать $.each() одновременно с управлением отдельными i и j счетчиками контуров. Вы хотите использовать либо , либо традиционный цикл for, но это похоже на то, что вы пытаетесь сделать оба одновременно.Если предположить, что выше структура похожа на вашу, что нужно сделать что-то вроде этого:

success: function (data1) { 
     console.log("debug 2"); 
     var $element = ""; 
     $.each(data1, function (i, currentObj) { 
      console.log("debug 3 "); 
      $element += '<div data-role="collapsible"><h3>' + currentObj.main+ '</h3>'; 
      $.each(currentObj.sub, function (j, currentSub) { 
       console.log("debug 4"); 
       $element += '<span><input type="checkbox" name="headlines" data-mini="true" value="blub" /> ' +currentSub + ' </span>'; 
      }); 
      $element += '</div>'; 
      var $elements = $($element).appendTo($('#headlinesgroup')); 
      $elements.collapsible(); 
     }); 
     alert("ok"); 
     console.log("debug 12"); 
    } 

Обратите внимание, что нигде в любом $.each() цикле я на самом деле сделать использование i и j переменных, поскольку JQuery устанавливает currentObj равным data1[i] и также он устанавливает currentSub, равный currentObj.sub[j] (также data1[i].sub[j]).

Answer 2

попробуйте добавить error параметров к $.ajax запросу, как:

function onUploadLoad() 
{ 
    console.log("debug start"); 
    $.ajax({ 
     type: "POST", 
     url: "headlines_getter.php", 
     dataType: 'json', 
     cache: false, 
     success: function (data1) { 
      console.log("debug success"); 
     }, 
     error: function() { 
      console.log("debug error"); 
     } 
    }); 
    console.log("debug end"); 
}​ 

---

Поскольку вопрос изменилось ...

Вы можете разместить здесь ответ РНР? Для того, чтобы увидеть, если вы манипулируя data1 так, как он должен манипулировать ...

Answer 3

Если вы идете к документации .each() вы можете увидеть, что прототип функции обратного вызова необходимо два параметра

jQuery.each (сбор, обратный вызов (indexInArray, valueOfElement))

поэтому вы могли бы сделать это следующим образом:

$.each(data1[i].main, function (index, element) { 

//code inside each 

});