Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery动画滑动菜单_Jquery_Jquery Mobile_Jquery Animate - Fatal编程技术网

Jquery动画滑动菜单

Jquery动画滑动菜单,jquery,jquery-mobile,jquery-animate,Jquery,Jquery Mobile,Jquery Animate,我正在构建一个web应用程序,它有一个像Facebook应用程序一样的滑出菜单。我的菜单运行良好,但我想添加一个反弹效果时,它滑出 以下是我所拥有的: $("a.showMenu").click(function() { if (menuStatus != true) { $(".ui-page-active").animate({ left: 250, }, 400, function() { menuSt

我正在构建一个web应用程序,它有一个像Facebook应用程序一样的滑出菜单。我的菜单运行良好,但我想添加一个反弹效果时,它滑出

以下是我所拥有的:

$("a.showMenu").click(function() {
    if (menuStatus != true) {
        $(".ui-page-active").animate({
            left: 250,
        }, 400, function() {
            menuStatus = true
        });
        return false;
    } else {
        $(".ui-page-active").animate({
            left: 0,
        }, 300, function() {
            menuStatus = false
        });
        return false;
    }
});
我的jQuery技能非常有限。有谁能帮我做到这一点吗

提前谢谢。

请看乔治·麦金利·史密斯的文章

尝试以下示例(未测试):


这个例子完全停止了它的工作。我会看一看这个插件。你需要包括jQuery用户界面或回答中提到的插件才能让它工作,这里有一个…这两个都很好,但由于某些原因,我无法让它们与我拥有的一起工作。这就是我用500玩的东西——“内部服务器错误”没问题!我认为您只需要将源代码插入您的站点。以下是在项目中实现的脚本:
$("a.showMenu").click(function(){
    if(menuStatus != true){             
    $(".ui-page-active").animate({
        left: 250,
      }, 400, 'easeOutBounce', function(){menuStatus = true});
      return false;
      } else {
        $(".ui-page-active").animate({
        left: 0,
      }, 300, function(){menuStatus = false});
        return false;
      }
});