Question

我创建了一个简单的JavaScript文件，其中有2张图片。

这里的人可以向左或向右滑动＆amp;相应的图像滑动

这是我的代码，

$('#landscapeimage1').swiperight(function (event) { //here lanscapeimage1 is canvas on which i have drawn an image.

    var width = window.innerWidth;
    var slide = "+=" + width + "px";
    $('#landscapeimage').animate({'left': -width}, 1, function () {
        $('#landscapeimage1').animate({"left": slide}, "fast", function () {});
        $('#landscapeimage').animate({"left": slide}, "fast", function () {
            currentImage = getPreviousImage();
            currentCanvas = "landscapeimage";

            drawImage();
            $(this).unbind(event);
            return false;
        });
        return false;
    });

    return false;
});

最初，当我滑动它正常工作，但如果我访问相同的图像，那么它再次调用相同的功能＆amp;再次，直到未访问的图像没有出现＆amp;如果我访问了所有图像，那么它将进入无限循环。

我不明白为什么会这样。

我试图停止动画＆amp;取消绑定滑动功能但它也无效。

<div data-role="page" id="imagepage">

            <div class="whiteBackground" id="landscapeimage" style="position: relative;">
                <canvas id="image" style="z-index: 1;position:absolute;left:0px;top:0px;" height="200px" width="200px">
                </canvas>
                </div>

<div class="whiteBackground" id="landscapeimage1" style="position: relative;">
                <canvas id="image1" style="z-index: 1;position:absolute;left:0px;top:0px;" height="200px" width="200px">
                </canvas>
                </div>

        </div>

调试后我发现多次调用animate函数不刷卡功能但是我无法弄清楚为什么？请帮帮我。

有没有人知道为什么会这样？

Animate函数调用多次

0 个答案: