jQuery++ template

Includes the full version of jQuery++. Use it as a starting point when you want to demo something.

HTML

<script src="http://jquerypp.com/release/latest/jquerypp.js"></script>
<div id="swiper">
    Swipe here
</div>
<div id="status">Swipe: <span></span></div>

CSS

body{ 
    font-family: Helvetica,"Lucida Grande","Lucida Sans",Arial,Helvetica,sans-serif;
}

div {
    overflow: hidden;
    padding: 10px;
}

#swiper {
    width: 150px;
    height: 150px;
    background-color: green;
}

JavaScript

steal('jquery/event/swipe', function($) {
    $('#swiper').on({
        'swiperight' : function(ev) {
            $('#status span').html('right');
        },
        'swipeleft' : function(ev) {
            $('#status span').html('left');
        },
        'swipeup' : function(ev) {
            $('#status span').html('up');
        },
        'swipedown' : function(ev) {
            $('#status span').html('down');
        }
    });
});