Как вызвать событие «.click» более одного раза?

$('document').ready(function() { 
    $('.button').click(function() { 
     $('img').animate({left: "+80px"}, 2000); 
    }); 
});

Итак, я немного новичок в jQuery и прочее. Все, что я хочу сделать, - это сделать изображение перемещающимся вправо каждый раз, когда я нажимаю кнопку. Когда я запускаю его, он работает в первый раз, но когда я снова нажимаю кнопку, он остается неподвижным.Как вызвать событие «.click» более одного раза?

Мне было интересно, как я могу вызвать событие .click несколько раз.

PS: Если это стоит знать, кнопка, которую я упоминаю здесь, на самом деле является <div>. Я не мог заставить его работать с <button>.

источник

2014-02-19 user3327444

Пожалуйста, '$ (документ)' не '$ ('документ')' –

It срабатывает каждый раз, но ваш .animate может всегда делать то же самое? – Konerak

О! Кажется, я понимаю сейчас! Мой старый код двигался в определенную позицию, а не двигал его вправо. Спасибо, парни! – user3327444

Попробуйте +=:

$('img').animate({left: "+=80px"}, 2000);

источник

2014-02-19 10:19:14 Tony

$(document).ready(function() { 
    $('.button').unbind('click').click(function() { 
     $('img').animate({left: "+80px"}, 2000); 
     return false; 
    }); 
});

Я должен работает.

источник

2014-02-19 10:19:59 user2167382

Цель этого? Я имею в виду, что это не решит проблему OP –

@ A.Wolff, как автор вопроса, его код работает только в первый раз. Поэтому, когда мы возвращаем false после каждого щелчка, мы можем делать это снова и снова – user2167382

«Итак, когда мы возвращаем false после каждого щелчка, мы можем делать это снова и снова» Ну, я не понимаю, почему ?! Возврат false прекратит распространение и предотвратит поведение по умолчанию, вот и все –

попробовать на событие:

var doc = $(document); 
doc.ready(function() { 
    doc.on('click', '.button', function() { 
     var imgElem = $('img'); 
     var imgLeft = parseInt(imgElem.css('left')); 
     var distance = 80; 
     var newDistance = imgLeft + distance; 
     $('img').animate({left: newDistance+'px'}, 2000); 
    }); 
});

Edit: Я изменил код после того, как "запоминание", как работает живой

источник

2014-02-19 10:21:18

Как вызвать событие «.click» более одного раза?

ответ

Смежные вопросы