jquery mobile tap событие срабатывает один раз, затем вызывает проблемы

Question

У меня есть событие привязки, связанное с изображением. При просмотре изображения документ должен прокручиваться. Работая с ipad с iOS5, функция работает нормально при первом нажатии на изображение, но если пользователь дважды удаляет изображение, функция не работает. Если пользователь последовательно нажимает кнопку, функция, похоже, снова запускается, но не выполняет прокрутку полного расстояния между пикселями, определенного в функции.

Если пользователь удаляет изображение, он коснется экрана, чтобы физически прокрутить страницу, а затем второй раз срабатывает изображение во время срабатывания функции. Почему мой код работает во втором случае, но не в первом? Немобильная версия работает нормально.

<script type="text/javascript"> 
    $(window).load(function() { 
     $('#down_button').bind('tap', function() { 
      $.scrollTo('+=1024px', {axis: 'y', duration:300}); 
     }); 

     $('#up_button').bind('tap', function() { 
      $.scrollTo('-=1024px', {axis: 'y', duration:300}); 
     }); 
    }); 
</script> 

Answer 1

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

Если это так, то событие крана, вероятно, пузырится вверх. Вы можете предотвратить это, добавив event.stopPropagation() в один или оба из ваших обработчиков событий. Это также требует, что вы изменили функцию, чтобы пройти в случае, например, так:

.bind('tap', function(event) {