Блог

У меня возникли проблемы с рекурсией javascript. Вот код

 _parseJson: function($object, $j_array) {

    for (i = 0; i < $j_array.length; i  ) {
        var $el = document_designer.createElement($j_array[i]);
        $object.append($el);
        if ($j_array[i].elements.length > 0) {
            this._parseJson($el, $j_array[i].elements);
        }
    }
}
  

Обе функции ( parseJson и createElement ) находятся под объектом с именем «document_designer». Вот createElement

 createElement: function(n) {
    var $element = $('<'   n['tag']   '/>');
    document_designer.oi  ;
    if (n.id == null) {
        $element.attr('id', '____element'   document_designer.oi);
    }
    document_designer.processElement($element, n); // you may ignore this line
    return $element;
}
  

У функции processElement нет проблем. Вы можете даже игнорировать эту строку

 document_designer._parseJson(document_designer.$preview, json_element)
// $preview is an created object in the `body`
  

и мой родительский JSON: http://www.jsoneditoronline.org/?id=c99c77938e5edf91996e4bb267fd09b1

Создаются корневые элементы и дочерние дочерние элементы first main, но дочерние элементы других корневых элементов не создаются

вы забыли var в

 for (i = 0; i < $j_array.length; i  ) {
  

Итак, вы используете один и тот же глобальный i для всех вызовов

изменить на:

  for (var i = 0; i < $j_array.length; i  ) {
  

Кстати, мне нравится ваш код.