asp.net mvc/jquery/javascript에서 즉시 div 만들기

asp.net mvc에서 온라인 테스트 응용 프로그램을 개발 중입니다. 마법사가 필요한 곳. 마법사를 만들 코드를 찾았습니다 Here. 그러나 여기에는 제한된 divs/para가 있습니다. 나는 하나의 테스트에 얼마나 많은 질문이 들어 있는지 알지 못합니다. 따라서 각 질문에 대한 div를 즉석에서 작성해야합니다. 그리고 요구 사항에 따라 마법사 구조를 보여줍니다. 또한 jquery 함수에 List를 전달하여 자동으로 모든 div를 생성하는 방법을 알아야합니다. 도와주세요.asp.net mvc/jquery/javascript에서 즉시 div 만들기

출처

2011-02-02 Red Swan

어떤 아이디어로주세요. –

정직하게 질문에 답변하기에 충분한 세부 정보를 제공하지 않습니다. MVC에서 div를 생성하는 것은 쉽습니다. 모델의 항목을 반복하면 각 div가 생성됩니다. Javascript도 쉽습니다 (document.createElement ("div"), jQuery에서 더 쉽습니다). 이 모든 것을 잘 통합하는 방법에 대한 질문입니까? 그런 다음 샘플 코드가 도움이됩니다. – Sean

기본적으로 jquery에 List 컬렉션을 전달하려고합니다. List의 각 객체에 대해 div를 표시하려고합니다. 그러나 모든 div의 목록이 아닌 한 번에 하나씩 확인해야합니다. 그래서 구조와 같은 마법사를 만들 필요가 있습니다. 나는 루프 모델에 대해 알고. 하지만 일련의 div를 생성하고 모든 것이 표시됩니다. 내가 무엇을 말하려고하는지 잊지 않았습니까? –

나에게 적합합니다. 뒤로 버튼의 경우 매개 변수 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>

출처

2011-02-02 07:26:39

아마도 jquery UI accordion과 같은 것이 도움이 될까요?

출처

2011-02-02 07:15:51

훌륭합니다. 이 답변을 공유해 주셔서 감사합니다.하지만 내 대답은 코드로 마법사 컨트롤을 만들었습니다. –

asp.net mvc/jquery/javascript에서 즉시 div 만들기

답변

관련 문제