mostrando figuras apenas se o js carregar

media/js/diagnosticos/diagnosticos_categoria_form.js

@@ -41,4 +41,8 @@ $( '#page').live('pageinit', function(event){
       data: $('#diagnostico').serializeArray()
     })
   })
+
+  // se carregou o js sem erros mostra as perguntas
+  $("#waiting").hide();
+  $("#form").show();
 });

sigi/templates/diagnosticos/diagnosticos_categorias_form.html

@@ -13,6 +13,11 @@
 
 {% block corpo %}
     {% if form %}
+      <div id="waiting">
+        <!-- Exibe as perguntas apos o carregamento completo do javascript -->
+        <h2>Aguarde carregando perguntas para essa categoria...</h2>
+      </div>
+      <div id="form" style="display:none;">
         <form id="diagnostico" action="." method="post">
              {% for field in form %}
                  <div data-role="fieldcontain">
@@ -21,8 +26,9 @@
                 </div>
              {% endfor %}
         </form>
+      </div>
     {% else %}
-        <h2>Nenhuma existem perguntas para essa categoria.</h2>
+      <h2>Nenhuma existem perguntas para essa categoria.</h2>
     {% endif %}
 {% endblock corpo %}