by nolovelust
21. July 2011 15:26
There is a nice jQuery plugin called TouchWipe to obtain touch gestures from iPhone, iPod Touch and iPad and Android phones. Simple example below shows how to trigger an ajax load with left or right swipe on certain element
<!DOCTYPE html>
<html>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="http://www.netcu.de/templates/netcu/js/jquery.touchwipe.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#list").touchwipe({
wipeLeft: function () { loadData(); },
wipeRight: function () { loadData(); },
preventDefaultEvents: true
});
});
function loadData() {
$.ajax({
type: "GET",
url: "AjaxLoad.htm",
dataType: "html",
success: function (result) { $('#listul').html(result); },
error: function (err) { }
});
}
</script>
</head>
<body>
<div id="list" class="list" title="Swipe your finger left or right on the thumbnails below to load next set video set.">
<ul id="listul"></ul>
</div>
</body>
</html>
Subscribe