Question

我有代码，其中4个div元素充当页面并在它们上面滑动可以转到下一页/上一页。

function handleSwiping(allPagesArray){

    for(i=0; i<pageCount; i++){
        attachEvents(i);
    }

    function attachEvents(idx){
        var page = allPagesArray[idx];
        if(isVertical){
            te(page).on('swipeup', function (e) {
                gotoNextPage(idx);
            });
            te(page).on('swipedown', function (e) {
                gotoPrevPage(idx);
            });         
        } else {
            te(page).on('swipeleft', function (e) {
                gotoNextPage(idx);
            });
            te(page).on('swiperight', function (e) {
                gotoPrevPage(idx);
            });
        }
    }
}

gotoNextPage和gotoPrevPage函数中包含关键帧动画。我需要实现的是，在动画开始之前，我想取消绑定这些滑动事件并在动画结束后再次绑定它们。如果用户在“转到下一页”之前再次滑动，则需要这样做。动画完成。

我需要纯javascript中的解决方案。 Jquery或任何其他框架都不会。

有人可以帮忙吗？

Answer 1

你可以拥有一个全局变量（或某个对象），foreach($images_urls as $image_url){ unlink('uploads/property-images/'.$image_url['your_key']); }。

foreach($images_urls as $image_url){

   unlink('uploads/property-images/'.$image_url);

}

然后在动画结束时将isSwiping设置为te(page).on('swipeup', function (e) { if(!isSwiping) { isSwiping = true; gotoNextPage(idx); } });

如何禁用滑动并再次启用它？

1 个答案: