1

私はjQueryが初めてで、どうすればよいかわかりません。

jQuery ウェイポイント プラグインがあり、プログレス バーをアニメーション化する関数もあります。私がする必要があるのは、ウェイポイントに到達したときにプログレス バーをアニメーション化することです。私は両方のコードを持っていますが、それらをまとめることができないようです。

私はこれを置く必要があります:

$(function() {
    $(".meter > span").each(function() {
        $(this)
            .data("origWidth", $(this).width())
            .width(0)
            .animate({
                width: $(this).data("origWidth")
        }, 1200);
    });
});

この中:

$(function() {
    $('#skills-1').waypoint(function() {
        (function here)
    });
}); 
4

1 に答える 1

1
$(function() {
    $('#skills-1').waypoint(function() {
        $(".meter > span").each(function() {
            $(this)
                .data("origWidth", $(this).width())
                .width(0)
                .animate({
                    width: $(this).data("origWidth")
            }, 1200);
        });
    });
}); 

関数ラッパーなしで、中に入れてください。

または、複数のウェイポイントがある場合は、次のように別の関数を作成することをお勧めします。

function animateProgressBar(){
    $(".meter > span").each(function() {
        $(this)
            .data("origWidth", $(this).width())
            .width(0)
            .animate({
                width: $(this).data("origWidth")
        }, 1200);
    });
}
$('#skills-1').waypoint(animateProgressBar);
$('#skills-2').waypoint(animateProgressBar);
于 2012-11-09T01:11:03.277 に答える