1

ajaxでhtmlをロードしたい。しかし、私はそれに問題があります。ボタンをクリックすると。コンテナー内の html を jquery load でロードします。コンテナーは .project-detail です。コンテナが上から下までアニメーション化されるようにしたい。しかし、問題。初めてボタンをクリックします。機能していません。もう一度クリックすると、機能しています。私は何を間違っていますか？

function projectDetails() {
    var button = $(".list-portfolio"),
        slide = $(".project-detail");

    button.click(function(e){
        e.preventDefault();

        $(".project-detail").load("includes/ruimzicht.html");

        var height = $(".project-detail .column").outerHeight();
        slide.animate({height: height},600);

        $(".project-detail .column").css({ opacity: 0.5 });
    });
}
4

1 に答える 1

3

ajax がコンテンツをロードするまで待つ必要があります。このコードは機能するはずだと思いますが、

function projectDetails() {
    var button = $(".list-portfolio"),
        slide = $(".project-detail");

    button.click(function(e){
        e.preventDefault();

        $(".project-detail").load("includes/ruimzicht.html", function() {
            var height = $(".project-detail .column").outerHeight();
            slide.animate({height: height},600);

            $(".project-detail .column").css({ opacity: 0.5 });
        });        
    });
}
于 2012-08-09T13:18:09.540 に答える