JSFiddle - React, Tailwind, and code Playground

by webspicer

HTML

<div id="modal-gallery">
    Hello!
</div>
<div class="js-header-swipe-image">
    Swiping Div
</div>

CSS

.js-header-swipe-image {
        background-color:blue;
        color:white;
        width:500px;
        height:500px;
    }

JavaScript

$(".js-header-swipe-image").swipe({
            tap: function(event, target) {
                alert('tap');
            },
            swipe:function(event, direction, distance, duration, fingerCount){
                //Handling swipe direction.
                alert('swipe');
            }
        });