0

ユーザーが新しいリンクにアクセスするたびに新しいページをロードしようとしていますが、これをアーカイブしましたが、今私が望むのは、新しいリンクにアクセスしたときです。ページを更新せずに新しいコンテンツをフェードインさせたい明らかに。

フェードイン効果を使用するにはどうすればよいですか?

ありがとう

これが index.html です (他のすべてのページは同じで、コンテンツが異なります)。

<html>
    <title>Title Here</title>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js">

    </script>
    <script src="js/func.js">

    </script>

    <head>  <a href="about.html" class="link"> Go To About</a>
            <a href="contact.html" class="link"> Go To Conact</a> 
    </head>
    <div class="content">

        <body>test</div>
    </body>

</html>

JQueryコードはこちら

$(document).ready(function () {
    $(".content").css("display", "none");
    $(".content").fadeIn(600);

    $("a").click(function (event) {
        event.preventDefault();
        var page = $(this).attr('href')
        $(".content").fadeIn(600);
        $('.content').load(page);
    });
});

ありがとう、

スパッドスター

4

1 に答える 1

0

次のようなことを試しましたか：

    $(".content").hide().load(page, function() {
        $(this).fadeIn(600);
    });

この.load()関数を使用すると、ロードが完了した後に実行されるコールバック関数を指定できるため、そこでフェードインを行うことができます。

デモ: http://jsfiddle.net/zw5xt/

于 2013-06-15T04:03:21.610 に答える