doevisualizations
Version:
Data Visualization Library based on RequireJS and D3.js (v4+)
55 lines (53 loc) • 1.26 kB
HTML
<html lang="en">
<head>
<title>swipe</title>
<style type='text/css'>
body {font-family: verdana}
.error {border: solid 1px red;}
.error_text { color: red; font-size: 10px;}
td {padding: 3px;}
#swipe {
width: 500px;
height: 100px;
background-color: green;
}
li {
border: solid 5px green;
width: 200px;
}
</style>
</head>
<body>
<div id='swipe'>Swipe Me</div>
<div id='swipes'>Swipes
<ul>
<li>Swipe Me</li>
<li>Swipe Me</li>
<li>Swipe Me</li>
<li>Swipe Me</li>
</ul>
</div>
<script type='text/javascript' src='../../node_modules/steal/steal.js' main='@empty'></script>
</script>
<script>
steal("jquerypp/event/swipe", function(){
$('#swipe').bind('swipe', function(){
console.log('swipe1')
}).bind("swiperight", function(){
console.log('right')
}).bind('swipeleft', function(){
console.log('left')
}).bind('swipeup', function(){
console.log('up')
}).bind('swipedown', function(){
console.log('down')
});
$('#swipes').delegate('li','swipe', function(){
console.log('swipe2')
});
});
</script>
</body>
</html>