0

次のコードを開発して、レジスタパネルを上にスライドさせ、その内容を変更してから、ログインしたパネルを下にスライドさせます。

function ValidLogin(data)
{
    var content = null;;
    content = '<a id="link-show" class="g-button g-button-red" href="<?php echo base_url(); ?>index.php/cv/show/';
    content += data.id;
    content += '">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;www.onlinecv.ir/index.php/cv/show/'
    content += data.id;
    content += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
    content += 'رزومه ام را نشانم بده';

    content += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a id="link-signout" class="g-button g-button-red" href="#';
    content += '">&nbsp;&nbsp;خروج&nbsp;&nbsp;'
    content += '</a>';
    content += '</span>'


    $("#signup-button").slideUp(1500).delay(1500);
    $("#signup-button").html(content).slideDown(1500);
}

ただし、内容が変更された場合は、上にスライドして下にスライドします。上にスライドした後、コンテンツを変更するにはどうすればよいですか？

4

4 に答える 4

4

SlideUpの前にコンテンツが入ります。このようにしてください：

$("#signup-button").slideUp(1500, function() {
    $("#signup-button").html(content);
}).slideDown(1500);
于 2012-07-31T15:00:44.983 に答える
3

slideup のコールバック関数を使用して、スライドが終了するまで待ってから、必要なものを実行します。次に例を示します。

$("#signup-button").slideUp(1500, function(){
    // do what you want here
    // then slidedown again :)
});
于 2012-07-31T14:59:56.670 に答える
1

このようなことを試してください。

$("#signup-button").slideUp('slow',function(){
     $("#signup-button").html( content ).slideDown('slow')
});

「遅い」は、実際に必要な速度です。

于 2012-07-31T15:05:17.957 に答える
1

これを試すことができます

var slider = $("#signup-button");
slider.slideUp(1500, function(){        
        slider.html(content).slideDown(1500);                        
});

ここでデモを参照してくださいhttp://jsfiddle.net/UdagC/

于 2012-07-31T15:00:13.070 に答える