Сенсорные события не являются обязательными, как описано в документации Foundation 6.5.3 - PullRequest
0 голосов
/ 08 ноября 2019

Я пытался настроить основные сенсорные события в соответствии с документацией для утилит 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.

...