-1

少しトリッキーなことをしたい：

ネストされていない div が 2 つあります。それを「テキスト」と「コンテンツ」と呼びましょう。私がしたい: ユーザーのクリック:

  1. 「テキスト」の実際のテキストをフェードアウトします
  2. 読み込み中のテキストをフェードインし、.load でページの読み込みを開始します

.load 命令の最後に:

  1. 読み込み中のテキストをフェードアウトする
  2. content divのhtmlを読み込んだページに変更する
  3. ロードしたばかりのコンテンツ div をスライドさせます

ここに私のコード:

$("#text").click(function () {
            console.log("click!");
            $('#content').fadeOut(400, function () {
                console.log("first Fade out complete!");
                $('#content').text('Loading..').fadeIn(400, function () {
                    console.log("first Fade in complete!");
                    $('#text').load('imageMenu.aspx', function () {
                        console.log("Load complete!");
                        $('#content').fadeOut(400, function () {
                            console.log("Second fadeout complete!");
                            $('#text').slideDown();
                        });
                    });
                });
            });

しかし、それは機能しません。私のコンソールには次のものがあります。

クリック！

初フェードアウト完了！

初フェードイン完成！

ロード完了！

そして、ロード完了後にアニメーションなしでコンテンツがロードされます! 私は何を間違っていますか？load コールバックが呼び出されておらず、実行されていないようです!

4

1 に答える 1

0

HTMLコードを追加してテストしていただけますか?

$.ajax() メソッドを使用しない理由

次のようなもの：

        $('#content').fadeOut(400, function() {
            $.ajax({
                url: 'imageMenu.aspx',
                success: function(result) {
                    console.log("Load complete!");
                    $('#content').fadeOut(400, function() {
                        console.log("Second fadeout complete!");
                        $('#text').slideDown();
                    });

                }
            });
        });
于 2013-01-21T17:22:11.950 に答える