为什么幻灯片被调用两次（间歇性问题）？

Question

我有一个称为幻灯片的功能，其中包含附加任务/步骤。函数内的上滑代码间歇性地被调用两次。有人能发现我做错了什么吗？

全局变量

    var currIndex = 0;

有问题的函数

    function PreNext(direction) {
        alert('Test #1');
        var thisMaxlen = homes.length - 1;  // homes is an array.
        var ctrl_toolTip = $('#controlSlideShow .tooltip');

        $(ctrl_toolTip).slideUp('slow' function () {
            alert('Test #2');

            if (direction == 'Next') {
                (currIndex >= thisMaxlen ? currIndex = 0 : currIndex++);
            }
            else {
                (currIndex <= 0 ? currIndex = thisMaxlen : currIndex--);
            }
        });
        alert('Test #3');  
    };

间歇性地调用两次幻灯片。
结果

    Test #1
    Test #2
    Test #2
    Test #3

Answer 1

我想到的唯一原因是您在 ctrl_toolTip 中获得了多个元素，

只需确保 $('#controlSlideShow .tooltip'); 仅返回单个元素元素。

Answer 2

好的。我无法弄清楚为什么会发生双重传递。不过，我能够采取一种解决方法来适应双通道。

    function PreNext(direction) {
        alert('Test #1');
        var dblPassFix = 0;                 // To fix the double pass in the slideup
        var thisMaxlen = homes.length - 1;  // homes is an array.
        var ctrl_toolTip = $('#controlSlideShow .tooltip');

        $(ctrl_toolTip).slideUp('slow' function () {
            alert('Test #2');
            dblPassFix++;

            if (direction == 'Next') {
                (currIndex >= thisMaxlen ? currIndex = 0 : currIndex++);

                if (dblPassFix > 1) {
                    currIndex--;
                }
                ...
            }
            else {
                (currIndex <= 0 ? currIndex = thisMaxlen : currIndex--);

                if (dblPassFix > 1) {
                    currIndex++;
                }
                ...
            }
        });
        alert('Test #3');
      };