Я пытался настроить основные сенсорные события в соответствии с документацией для утилит Foundation 6.5.3 javascript. То, что они предоставляют в качестве примера кода, просто не работает. Я получаю ошибку типа для метода addTouch, и событие 'swipeleft' также не связано должным образом.
Я настроил codepen , чтобы продемонстрировать это.
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div id="test" class="small-12 medium-6 cell">
<p>Touch test.</p>
</div>
</div>
</div>
<script>
function handleLeftSwipe(){
console.log('Successful swipe left.');
}
function handleDrag(){
console.log('Successful handle drag.');
}
$('#test').addTouch().on('mousemove', handleDrag);
// Binds elements to touch events. Used in the Slider plugin for mobile devices.
$('#test').on('swipeleft', handleLeftSwipe);
// Binds elements to swipe events. Used in the Orbit plugin for mobile devices.
</script>
Когда я запускаю эту простую демонстрацию локально, я получаю Uncaught TypeError: $(...).addTouch is not a function
как ошибку. Никакие события смахивания или прикосновения не связаны с элементом, которому я назначаю их согласно javascript.