jquery动画幻灯片无法正常工作

时间:2015-11-11 05:06:22

标签: javascript jquery jquery-animate slide rights

这是我的代码,但如果我将幻灯片放在变量中,则不起作用。

只是淡入淡出工作

function follow_game(obj){
    var game_id = $(obj).attr('data-game_id');

    $.ajax({
        url: 'follow.php',
        type: 'POST',
        data: {
            game_id : game_id
        },
        success: function(){
            alert("Followed");
            $(obj).find("i").removeClass("empty")
        }
    });
}

function unfollow_game(obj){
    var game_id = $(obj).attr('data-game_id');

    $.ajax({
        url: 'unfollow.php',
        type: 'POST',
        data: {
            game_id : game_id
        },
        success: function(){
            alert("Unfollowed");
            $(obj).find("i").addClass("empty");
        }
    });
}

1 个答案:

答案 0 :(得分:0)

试试这个

$('.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();
    }

});

您可以查看此Using a variable for a key in a JavaScript object literal

虽然我不知道你的完整代码,但它只是Example的工作原理