Предотвращение двойного касания по условию if

Question

Предотвращение двойного касания по условию if

0

Я создаю модуль для отзывчивого веб-сайта, который позволяет пользователю нажимать начальный экран и выставлять панель справа. Затем они могут нажать кнопку закрытия и закрыть панель.

Проблема в том, что если пользователь несколько раз ударяет, прежде чем панель завершит анимацию, она применит удвоенное действие, перемещающее панель слишком далеко слева необратимо.

Я новичок в JS и не могу понять, как это решить. Я думал, что это можно сделать с помощью оператора var и if, но он, похоже, не работает.

Я настроил var

  pstatus = 1;

Затем я завернул каждое событие в оператор if, но он не работает. Я оставил его без утверждений if, чтобы он работал для проверки.

Любая помощь приветствуется!

http://codepen.io/bsley/pen/kjBcz

На вашем iPhone (Safari) http://codepen.io/bsley/debug/kjBcz

Jeremy P. Beasley 27 дек. 2013, в 21:17

Источник

Теги:

javascript

jquery

css

ios

iphone

3 ответа

Ещё вопросы

jokulmorder · Answer 1 · 2013-12-27T18-39-00.000Z

Вы можете создать блокировку javascript:

var lock = false;
$("#MyElement").on("namespace.click", function(){
    if(!lock){
        lock = true;
        //Move Element
        lock = false;
    }
});

Тем не менее, я бы предложил посмотреть в Underscore.js и использовать метод throttle(): http://underscorejs.org/

Вы можете имитировать это, заменив:

lock = false;

С:

customThrottle();


var timerDuration = //Duration to wait in milliseconds;
function customThrottle(){
    setTimeout(function(){
            lock = false;
        },
        timerDuration
    );
}

Спасибо чувак! По сути, это то, что я пытался сделать с помощью pstatus. Я реализовал его, но, видимо, он недостаточно быстро блокируется. codepen.io/bsley/pen/JpDcy Есть идеи, как обойти это?
Я нашел временное решение, просто сделав «marginLeft» равным 0, а не добавочным значением. Это не здорово, но пока работает.
С первого взгляда, вы разблокируете сразу после использования "одушевленного" вызова. Поскольку анимация происходит в течение нескольких миллисекунд, она была реализована как неблокирующий вызов. Это означает, что вы снимаете блокировку сразу после вызова animate (), а не после того, как он завершает анимацию элемента. это означает, что вы можете продолжать нажимать, пока идет анимация. Поскольку вы хотите использовать animate (), я бы установил длительность анимации как переменную, а затем вызвал бы метод, который снимает блокировку после этой продолжительности (через setTimeout)

quelquecosa · Answer 2 · 2013-12-27T17-37-00.000Z

я бы попытался сделать это вот так:

1) при щелчке, происходит слайд.

2) при раздвижении щелчок становится отключенным.

3) при завершении сползания щелчок становится снова включенным.

Правильно! Это то, что я пытался сделать с pstatus, но мой синтаксис должен быть выключен. codepen.io/bsley/pen/xdEvH

Duncan C · Answer 3 · 2013-12-27T16-49-00.000Z

Я не знаю, как это можно решить из Javascript, но из Objective C, что вы сделали бы, нужно отключить кнопку = YES в методе действий, а затем отключить = NO после завершения анимации.

Я предполагаю, что решение будет похоже на Javascript.