Не могу щелкнуть движущийся элемент div в jQuery

Question

Я не уверен, что происходит, так как у меня есть div-ы на странице, которые можно нажимать.

Единственное отличие от того, что не работает, - это перемещение вверх по странице.

Здесь вы видите, что элемент с восходящим классом будет перемещаться вверх по странице. (1 пиксель каждые 50 мс), пока он не достигнет вершины, затем он будет удален ...

setInterval(function () {
$('.rising').css('bottom', '+=1');

$(".rising").each(function () {
  if ($(this).offset().top <= -60) {
    $(this).remove();
  }
});
}, 50);

.. прежде чем он достигнет вершины, он должен быть кликабельным, здесь я попытался добавить класс к это при нажатии ...

$('.rising').click(function () {
   $(this).addClass('blue');
});

но это не работает.

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

http://www.gogeye.com/ - вот пример (щелкните серая кнопка воспроизведения после того, как вы все подождали, чтобы загрузить)

Answer 1

Попробуйте связать клик, используя $ ('.ising'). On ('click.someNameSpace', function () {...}); в обработчике события click кнопки "play" , из которой вы создаете восходящие элементы. После того, как все они удалены, используйте $ ('.ising'). Off ('click.someNameSpace'); -> это потому, что он не будет занимать больше памяти.

Это определенно решит вашу проблему.