jquery - Jquery:ページの読み込み時にフェードインして移動する

Question

私はJqueryを初めて使用し、divをフェードインさせてから、ページの読み込み時に左に移動しようとしています。私はそれを連鎖させる方法を理解できないようです。うまくフェードインできますが、その後は動きません。これが私が持っているものです。

<script type="text/javascript">

$(document).ready(function(){ 
    $('#PageTitle').fadeIn(5000)
});

</script>

私が試してみました

$(document).ready(function(){ 
    $('#PageTitle').fadeIn(2000);
    $('#PageTitle').animate({"left" : "300px",}, 4000);
});

他のいくつかのバリエーションがありますが、それを取得できないようです。前もって感謝します。

score 4 · Accepted Answer

PageTitleが絶対位置にある場合:

$('#PageTitle').fadeIn(5000).animate({"left":"300px"},4000);

score 2 · Accepted Answer

あなたの質問は少し曖昧でしたが、私はこのように連鎖します

$(document).ready(function(){ 
    $('#PageTitle').fadeIn(2000,function(){
       $(this).animate({"left" : "300px"}, 4000);
     });    
});

score 1 · Accepted Answer

jQuery のすべてのアニメーションには、コールバック関数があります。だからあなたは試してみる必要があります：

$(document).ready(function(){ 
    $('#PageTitle').fadeIn(2000, function(){
        $('#PageTitle').animate({"left" : "300px",}, 4000);
    });
});

http://api.jquery.com/fadeIn/をチェックしてください

4 に答える 4