animation - Waypoint で Jquery アニメーションを開始する

Question

ページの読み込み時に自動的に実行される Jquery Knob を使用しています。この関数で Waypoint 呼び出しを挿入する場所がわかりません。どんな提案でも大歓迎です。

            <script>
                 $(document)(function () {
                    $('.dial').knob({
                        min: '0',
                        max: '100',
                        readOnly: true
                    });

                    $('.dial').each(function(){
                        $(this).animate({
                            value: $(this).data('number')
                        },{
                            duration: 950,
                            easing: 'swing',
                            progress: function () {
                                $(this).val(Math.round(this.value)).trigger('change');
                            } // progress:function
                        }); // middle
                    }); //dial.each.function
                }); // function
                </script>

Answer 1

以下はうまくいくはずです。

$(document)(function () {
    $('.thing').waypoint(function(direction) {  // Change ".thing" to the div class containing your knobs //
        $('.dial').knob({
           min: '0',
           max: '100',
           readOnly: true
         });

    $('.dial').each(function(){
        $(this).animate({
        value: $(this).data('number')
        },{
            duration: 950,
            easing: 'swing',
            progress: function () {
            $(this).val(Math.round(this.value)).trigger('change');
            } // progress:function
            }); // middle
        }); //dial.each.function
    });
}); // function