Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.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 Animate - Fatal编程技术网

Jquery 查询动画切换整个内容

Jquery 查询动画切换整个内容,jquery,jquery-animate,Jquery,Jquery Animate,在一个移动站点上,我有一个导航图标(class:mob\u navi\u icon),点击它可以将整个内容(id:content\u wrapper)向左移动或向后移动。我正在尝试用jQuery动画和切换来构建它 我的jQuery: $('.mob_navi_icon').click(function() { $( "#content_wrapper" ).toggle( function() { $( this ).animate({ marginL

在一个移动站点上,我有一个导航图标(class:mob\u navi\u icon),点击它可以将整个内容(id:content\u wrapper)向左移动或向后移动。我正在尝试用jQuery动画和切换来构建它

我的jQuery:

 $('.mob_navi_icon').click(function() {
    $( "#content_wrapper" ).toggle(
       function() {
          $( this ).animate({ marginLeft: "-395px" }, "slow" );
       },
       function () {
          $( this ).animate({ marginLeft: "0" }, "slow" );
      })
})
不幸的是,这不起作用。谢谢你的提示/帮助。有什么问题吗


Thomas

据我所知,
toggle
函数不是这样工作的-它不接受两个函数作为参数。
切换
功能用于显示和隐藏匹配的元素。请参见jQuery域化:

但是你可以自己实现它。一种可能是像我在这里做的那样使用切换标志(在框上单击几次):


更新:哦,我看到它在jQuery中曾经是一个事件绑定函数,但在1.8版中被弃用,在1.9版中被删除。如果您使用的是较新版本的jQuery,这就是它不起作用的原因。

什么特别不起作用?
var box_toggle = false;
$("#box").click(function(){
    if(box_toggle = !box_toggle) {
        $( this ).animate({ left: "50px" }, "slow" );
    } else {
        $( this ).animate({ left: "0px" }, "slow" );  
    }
});