Jquery 查询动画切换整个内容
在一个移动站点上,我有一个导航图标(class:mob\u navi\u icon),点击它可以将整个内容(id:content\u wrapper)向左移动或向后移动。我正在尝试用jQuery动画和切换来构建它 我的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
$('.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" );
}
});