带有jQuery的iOS / Android通知中心（拖动div下覆盖）

早上的开发者，

我希望在我的移动优化网站的顶部创建一个固定菜单，用户可以点击并向下拖动以显示网站菜单。

我找到的以下链接几乎正是我正在寻找但不适用于触摸屏设备：

http://jsfiddle.net/JXeWA/46/

我想使用touchSwipe插件来执行运行代码的function，但我不知道该怎么做。

这是我到目前为止编写的代码。

它使用jQuery，jQuery UI和touchSwipe

// TOUCH SWIPE PLUGIN $("#menuContainer").swipe({ swipeDown: function() { showMenu(); }, swipeUp: function() { showMenu(); }, tap: function() { showMenu(); }, threshold:20, fingers:1 }); var openHeight = $("#menuContainer").outerHeight(); var openIHeight = $("#menuContainer").height(); $("#menuContainer").css('height','0px'); var closeHeight = $("#menuContainer").outerHeight(); var tippingPoint = openIHeight/2; $("#ddMenu").css('visibility','hidden'); function showMenu() { $("#menuContainer").resizable( { handles: { "s":"#grippie" }, maxHeight: openIHeight, minHeight:0, start: function(){ $("#ddMenu").css('visibility','visible'); }, stop: endDrag } ); function endDrag(){ if ($("#menuContainer").height() > tippingPoint){ $("#menuContainer").animate({ height:openIHeight }, 500); } else{ $("#menuContainer").animate({ height:0 }, 500, function(){ $("#ddMenu").css('visibility','hidden'); }); } } 

}

但这不起作用

请指教

关心谢恩