SlideDown然后调用自定义函数

Question

很难理解为什么我的函数被调用两次。

我试图检测何时调用单选按钮（intRev_yes），检查div是否为空，向下滑动另一个div，然后调用动态创建日期字段的custome函数。

if(this.id=="intRev_yes"){
 if($('div#mainField').is(':empty')){
  $('.intRevSections').slideDown('slow',function(){
   current=-1;
   addIrField();
  });
 }   
}

当我在每个阶段发出警报时，在到达末尾（即 addIrField()）后，脚本似乎返回到 SlideDown() 部分并调用 addIrField()。我不明白为什么，没有循环。 current 用作日期字段的索引。

Answer 1

您可能是从冒泡的 Dom 事件中调用此函数的。请参阅 http://en.wikipedia.org/wiki/DOM_events 检查情况是否如此。

Answer 2

另一种情况是：

如果您有两个类名为 .intRevSections 的元素，slideDown 将运行两次，回调将触发两次...

希望这会有所帮助，Sinan。

Answer 3

司南已经发现了这个问题，但实际上并没有发布答案。答案是：

找出为什么你有两个 div（如果你从 JS 创建它们，另一个函数也可能运行两次）

你可能还想修复代码，以便它只使用一个 div，即使你有两个 div

 $('.intRevSections:first').slideDown('slow',function(){
   current=-1;
   addIrField();
  });

Answer 4

试试这个：

if (this.id == "intRev_yes") {
        if ($('div#mainField').is(':empty')) {
            $('.intRevSections').slideDown('slow', function(event) {
                event.stopPropagation();
                current = -1;
                addIrField();
            });
        }
    }

Answer 5

Jquery animate 完整为我工作

 $('.intRevSections:first').slideDown('slow',function(){
    complete: addIrField();
 });