jquery 触摸

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="path/to/touchSwipe.min.js"></script>

$(document).ready(function() {
    $("#element").swipe({
        swipe: function(event, direction, distance, duration, fingerCount) {
            console.log("Swipe detected: " + direction);
        }
    });
});

<div id="page1">Page 1</div>
<div id="page2" style="display:none;">Page 2</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="path/to/touchSwipe.min.js"></script>
<script>
$(document).ready(function() {
    $("#page1").swipe({
        swipeLeft: function() {
            $("#page1").hide();
            $("#page2").show();
        },
        swipeRight: function() {
            $("#page2").hide();
            $("#page1").show();
        }
    });
});
</script>