Question

我正在开发asp.net mvc中的在线测试应用程序。我需要向导的地方。我找到了创建向导Here的代码。但这里是有限的div / para。我不知道在单一测试中包含多少问题。所以有必要动态地为每个问题创建div。并根据要求在向导结构中显示它们。还需要知道如何将List传递给jquery函数，以便它可以动态自动创建所有这些div。请帮忙。

Answer 1

像jquery UI accordion之类的东西可能会有所帮助吗？

Answer 2

适合我的工作。对于Back按钮，请使用参数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>

在asp.net mvc / jquery / javascript中动态创建div

2 个答案: