add a simple touch events example

megeek · Apr 7, 2012 · dc1a70e · dc1a70e
1 parent 3fed3c1
commit dc1a70e
Showing 1 changed file with 30 additions and 0 deletions.
diff --git a/examples/touch_events.html b/examples/touch_events.html
@@ -0,0 +1,30 @@
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
+
+<script src="../src/zepto.js"></script>
+<script src="../src/event.js"></script>
+<script src="../src/touch.js"></script>
+
+<style>
+  .delete {
+    display: none;
+    color: red;
+  }
+</style>
+
+<ul id=items>
+  <li>List item 1 <span class=delete>DELETE</span></li>
+  <li>List item 2 <span class=delete>DELETE</span></li>
+  <li>List item 3 <span class=delete>DELETE</span></li>
+  <li>List item 4 <span class=delete>DELETE</span></li>
+</ul>
+
+<script>
+$('#items li').swipe(function(){
+  $('.delete').hide()
+  $('.delete', this).show()
+})
+
+$('.delete').tap(function(){
+  $(this).parent('li').remove()
+})
+</script>