Сценарийный эффект возникает один раз

Question

У меня есть кнопка, которая заставляет div перемещаться на странице, но я хочу, чтобы кнопка делала это только один раз.Если пользователь продолжает нажимать кнопку прямо сейчас, div продолжает двигаться в том же направлении.

Answer 1

Простой и общий способ может быть просто установить флаг.

var box_can_move = true;
$('button_id').on('click', function(event, element){
    if(box_can_move){
        box_can_move = false;
        //move box;
    }
});

Как отмечается в комментарии ClockworkGeek, большое преимущество наличия флага заключается в возможности манипулировать и проверять состояние (илиполе уже перемещено или нет) напрямую, без связи с логикой обработки событий.

Answer 2

попробуйте

  $('button_id').on('click', function(event, element){
   new Effect.Move('div', {x: 300});
   element.stopObserving();
  });

пример http://jsfiddle.net/pJ9cf/

Answer 3

Если у вас есть возможность использовать jQuery, это просто с помощью метода one():

$('yourButtonId').one('click', 
    function(event) 
    { 
        alert('This will only execute once.'); 
    });