[英]jquery animate slide not working
這是我的代碼,但是如果我將滑動方式放入變量中則無法使用。
淡入淡出工作
$('.sidebar-toggle').on('click', function(){
if( $('.sidebar-left').length > 0 ) {
var SideWay = 'left';
var Sidebar = $('.sidebar-left');
} else {
var SideWay = 'right';
var Sidebar = $('.sidebar-right');
}
var SidebarWidth = Sidebar.css('width');
if( Sidebar.css('display') == 'none' )
{
Sidebar.fadeIn('fast').animate({ SideWay : '0'}, 400);
} else {
Sidebar.stop().animate({ SideWay : '-' + SidebarWidth}, 500).fadeOut();
}
});
嘗試這個
$('.sidebar-toggle').on('click', function(){
if( $('.sidebar-left').length > 0 ) {
var SideWay = 'left';
var Sidebar = $('.sidebar-left');
} else {
var SideWay = 'right';
var Sidebar = $('.sidebar-right');
}
var animateIt = {};
var SidebarWidth = Sidebar.css('width');
if( Sidebar.css('display') == 'none' )
{
animateIt[SideWay] = '0';
Sidebar.fadeIn('fast').animate( animateIt , 400);
} else {
animateIt[SideWay] = '-' + SidebarWidth;
Sidebar.stop().animate( animateIt , 500).fadeOut();
}
});
您可以看一下在JavaScript對象文字中使用變量作為鍵
雖然我不知道您的完整代碼,但這只是其工作方式的一個示例
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.