将滑动功能实现到我的小视图页面

Question

我正在做一个响应式网络，对于智能手机版本，我需要实现滑动功能，以便能够用手指滑动屏幕并获得另一部分。

例如，如果我进行搜索并且我正在观看结果列表，我希望能够向右滑动并获取过滤结果菜单。我之前从未做过过这样的事情。我已经在互联网上搜索了，我所看到的就是在触发刷卡事件时做某事的可能性，比如提醒或更改背景颜色，但我不知道如何实现该功能。如果我能用Javascript或Jquery做这件事会很棒。任何提示都会有所帮助。

已更新

我已经找到了使用touchSwipe Jquery插件进行基本滑动的代码，但我不确定在刷卡回调后我能做些什么。在示例中只出现了一个文本。另一个疑问是哪个元素应该保持滑动事件。在示例中是$（＆＃34; #test＆＃34;）。但也许我应该把$（＆＃34; body＆＃34;）??对不起，我很抱歉。

<script id='code_1'>
  $(function() {            
    //Enable swiping...
    $("#test").swipe( {
    //Generic swipe handler for all directions
       swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
         $(this).text("You swiped " + direction );  
       },
       //Default is 75px, set to 0 for demo so any distance triggers swipe
       threshold:0
    });
  });
</script>