2013-11-01 4 views
0

Я искал недели для плагина для слайдов, который будет работать в приложении Phonegap, используя нокаут, бутстрап и jQuery. К сожалению, ничто не соответствовало моим потребностям. Итак, я создал пользовательский слайдер. Кажется, что я работаю (сейчас я тестирую его на Android 2.3.4 - я начинаю с самой низкой версии, которую мы планируем поддерживать), но он не всегда отвечает. Событие touchstart кажется довольно чувствительным. Есть ли у кого-нибудь идеи о том, как я могу заставить пользователя работать более последовательно и реагировать на событие touchstart? Я исследовал это в течение нескольких дней, и, похоже, у других есть похожие проблемы, но ничего похожего на мое. И ни одна из проблем, похоже, не дает окончательного ответа. У Phonegap есть проблемы с событиями касания?Непоследовательное поведение для сенсорных событий на PhoneGap

Вот моя Нокаут функция:

performSlide: function() { 
     $('#sliderDiv').on({ 'touchstart' : function() { 
     $('div.slideArrow').animate({ 
     left: "+=200" 
      }, 1000, function() { 
       shell.navigate('home', 'slide'); 
      }); 
      } 
    }); 
    } 

Я использую вяжущие события на DIV для вызова функции.

<div class="linkHeader" id="sliderDiv" data-bind="event: { touchstart: performSlide }"> 

Я также обеспечил, чтобы z-индекс моего div был установлен выше, чем другие элементы. Атрибут position также устанавливается как относительный.

Любые предложенные советы были бы высоко оценены. Я бы с удовольствием, если бы это немного улучшилось ... хорошо, намного лучше. :-)

ответ

0

Я не получил ответа, но в итоге выяснил, что мне нужно изменить. Во-первых, мне нужно было обнаружить свое событие и зафиксировать его в переменной. Затем я также изменил привязку данных и функцию .on, чтобы обнаружить touchmove вместо touchstart. Сейчас он работает намного лучше.

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