是否有一个JQuery插件可以执行向导表单,就像这样?

时间:2011-06-06 04:51:20

标签: javascript jquery html css

http://lal.com/minnesota

如果你点击" flirt",那么你点击" boy"然后点击"黑妞"

它就像一个javascript向导形式......

2 个答案:

答案 0 :(得分:1)

这应该不是很难做到。 您将拥有步骤,每个步骤都可以保存变量。

<div id="step1">Flirt</div>
<div id="step2">About a boy</div>
<div id="step3">Step 3...</div>
<div id="step4">Step 4...</div>

然后在你的jquery脚本中,你可以勾选这些步骤中不同元素的点击,并且只要点击输入,隐藏并显示新步骤。

<script>
  $(document).ready(function(){
    $("step1").click(function(){
       //do some checking
    });
  });

    function showStep(step)
    {
       $("#" + step).show();
    }
    function hideAllSteps()
    {
      $("#step1").hide();
      $("#step2").hide();
    }
</script>

这只是一个快速的暴力示范,它应该让您了解使用jquery实现向导类型外观的快速简便方法。它很难看,但它显示了一个概念。

答案 1 :(得分:0)

您可以使用jswiz库。它允许你使用jQuery构建向导。 检查

中的文档和演示