asp.net mvc/jquery/javascriptでオンザフライでdivを作成

Question

私はasp.net mvcでオンラインテストアプリケーションを開発しています。どこにウィザードが必要ですか。私は、ウィザードを作成するコードを見つけたHere。しかしここには限定されたdivs/paraがあります。私は一回のテストでいくつの質問が含まれているのか分かりません。ですから、各質問のdivをその場で作成する必要があります。要件ごとにウィザード構造で表示されます。 Listにjquery関数を渡す方法も知っておく必要があります。そうすれば、自動的にこれらのdivをすべて作成します。助けてください。

Answer 1

私にはうってつけの作業です。戻るボタンでは、パラメータloadNext（i、iPrevious）を使用します。

<script type="text/javascript"> 

      $(function() { 
       var count = 6 
       for (i = 1; i <= count; i++) { 


        if(i < count) { 
        var iNext = i + 1; 
        var iPrevious = i - 1; 

        $("<div id=" + i + "> Step " + i + 

          "<button type='submit' onclick=" + "loadnext(" + i + "," + iNext + ");> Next" + "</button>" + 
         "</div>").hide().appendTo("#parentDiv").fadeIn(); 


        } 
        else 
         if(i == count) { 
          $("<div id=" + i + "> Step " + i + 

           "<button type='submit' onclick=" + "loadnext();>Submit" + "</button>" + 
            "</div>").hide().appendTo("#parentDiv").fadeIn(); 


        } 

        $("#" + i).hide(); 
       } 
      }); 
      $(function() { $("#1").show(); }); 
      function loadnext(divout, divin) {   
       $("#" + divout).hide(); 
       $("#" + divin).show(); 
      } 

     </script> 

    <div id="parentDiv"> 
    </div> 

Answer 2

多分jquery UI accordionのようなものが役に立ちますか？