0

これを達成するためにいくつかの異なる方法を試しましたが、fadeIn または fadeOut のいずれかを機能させることはできますが、両方を機能させることはできません。私が探しているのは、 a href 属性に保存されている画像をクリックして、「更新」という単語をdiv idタグにフェードインし、フェードアウトしてから、「その他のツール」という単語をフェードインするか、「その他のツール」という単語を表示できることです" ヘッダー セルの値が既にあるためです。

<a id="1" href="" class ="edit_button" title="edit1"><img src="images/editbutton.jpg" title="Submit Your Edit" border="0" height="24" width="24"></img></a>


<th colspan="3"><div id="editupdate">More Tools</div></th>


function (data) {
$('#editupdate').fadeIn().html('Update').delay(2500).fadeOut();
    });
4

2 に答える 2

0

機能しない理由は、関数が、、および でhtml使用される fx キューに入らないためです。コードをキューに入れるには、jQuery 関数を使用できます。http://api.jquery.com/queue/#queue-queueName-callback-next-fadeInfadeOutdelayqueue

$("#editupdate").fadeIn(1000).queue(function(next) {
    $(this).html("Update");
    next(); //make sure the next function in the queue gets triggered
}).delay(2500).fadeOut(1500);

これで、サンプル コードが実行しようとしているように見えるはずです。の後で要素の HTML を再度変更したい場合はfadeOut、キューに別の呼び出しを追加するだけです。fadeInまたは、のコールバック引数を使用して同じことを行うこともできます(Nikhil が提案したように)。関数内に関数を持たないようにするため、私はこの方法を好みますが、同じことを行います。

于 2013-10-22T15:24:28.600 に答える
0

フォローしてみてください...

デモフィドル

    $("#editupdate").fadeIn(1000,function(){
        var tmp = $(this).html();
        $("#editupdate").html('Update').fadeOut(1500, function(){
            $("#editupdate").html(tmp).fadeIn(1500);
        });
    });
于 2013-10-22T15:10:56.940 に答える