jQuery,停止与jQuery表单向导关联的动画

时间:2010-08-17 09:50:50

标签: jquery forms animation wizard

我是一名编码知识有限的设计师。

我需要做的就是创建一个一次提交数据的简单表单。该表单使用jQuery Form Wizard分成几部分。

页面底部有这个进度指示器。

然而,当我完成表格时,箭头会继续,并且不会在完成时停止。

下面是我用来控制箭头移动的jQuery代码:

$('#next').click(function() {
   if ($('#terms_check').attr('checked') && !$('#demoForm').isLastStep) {
      $('#arrow').animate({
            marginLeft: '+=56px'
      }, 500, function() {
       // Animation complete.
      });
   }
});

$('#back').click(function() {
      $('#arrow').animate({
           marginLeft: '-=56px'
      }, 500, function() {
      // Animation complete.
      });
});

我需要了解如何检测jQuery表单向导何时到达提交阶段,然后在此时停止动画。

请告诉我这是做什么的最好方法。非常感谢你的时间!

干杯 将

1 个答案:

答案 0 :(得分:0)

我不确定jquery表单向导是什么,但查看代码似乎$('#demoForm').isLastStep测试最后一步是否正在完成。您是否已将表单的ID标记更改为其他内容(即:从#demoForm更改名称)而不是相应地编辑jquery?否则它不按计划工作,如果是这样,你能给我们一个链接吗?