Вопрос о стиле сетки динамической генерации

Question

В jQuery mobile (версия 1.3.3) Я пытаюсь динамически генерировать блок сетки и добавлять ее к проблеме стиля сетки. блоки интерфейса добавляются как

$("#grid").append(s1).trigger("create"); 

Вот JSFiddle, что объясняет этот вопрос.

Answer 1

var a116 = { 
    name: 'text', 
    city: 'text', 
    number: "number" 
}; 

var a117 = { 
    firstname: 'text', 
    lastname: 'text' 
}; 


function getValues() { 
    var formTitle = $("#readselectval").val(); 
    $("#grid").html(""); 
    switch (formTitle) { 

    case "116": 
     var a1 = Object.keys(a116); 
     for (var i = 0; i < a1.length; i++) { 

      var s1 = '<div class="ui-block-a">' + createLabel(a1[i]) + '' + createInputForm(a1[i], a116[a1[i]]); + '</div>'; 
      $("#grid").append(s1).trigger("create"); 

      i++; 
      s2 = '<div class="ui-block-b"></div>'; 
      $("#grid").append(s2).trigger("create"); 
      s3 = '<div class="ui-block-c">' + createLabel(a1[i]) + '' + createInputForm(a1[i], a116[a1[i]]); + '</div>'; 
      if (a1[i]) { 
       $("#grid").append(s3).trigger("create"); 
      } 

     } 

     break; 
    case "117": 
     var a1 = Object.keys(a117); 
     //alert(a1.length) 
     for (var i = 0; i < a1.length; i++) { 

      var s1 = '<div class="ui-block-a">' + createLabel(a1[i]) + '' + createInputForm(a1[i], a117[a1[i]]); + '</div>'; 
      $("#grid").append(s1).trigger("create"); 
      i++; 
      //alert(a117[a1[i]]) 
      s2 = '<div class="ui-block-b"></div>'; 
      $("#grid").append(s2).trigger("create"); 
      s3 = '<div class="ui-block-c">' + createLabel(a1[i]) + '' + createInputForm(a1[i], a117[a1[i]]); + '</div>'; 
      $("#grid").append(s3).trigger("create"); 

     } 

     break; 
    } 
}