jqueryは一度ビューポートで.one（）を実行します

Question

私はプログレスバーを作成していて、ビューポートにあるときに再生したいと思います。私はこれを稼働させましたが、コードは毎回実行されており、1回だけ実行する必要があります。これは複数のプログレスバーを作成するためです。 ;-) 以下のコードはJoomla Extensionで使用されています。

(function ($) { 
    $(document).ready(function() { 
    // Function that checks if it is in view. 
    $("<?php echo '#progress' . $module->id ?>").waypoint(function() { 
     // Function that makes sure it only runs once. 
     // -----------I need to use .one() here but how? 
     // The location of the progressbar code for now lets put a alert in. 
     alert("run only once"); 
    }, { 
     offset: '50%' 
    }); 
    }); 
})(jQuery); 

ここでは、.one（）関数とその使用方法について読んでいます。しかし、私はclickとreadyを使用した例を試しましたが、クリックは私が望むものではありませんが、準備はすべきですが、何も効果がありませんでした。

Answer 1

$.Callbacks()と"once"をパラメータとして使用できます。

(function ($) { 
    $(document).ready(function() { 

    function runOnce() { 
     // Function that makes sure it only runs once. 
     // -----------I need to use .one() here but how? 
     // The location of the progressbar code for now lets put a alert in. 
     alert("run only once"); 
    } 

    var callbacks = $.Callbacks("once"); 

    callbacks.add(runOnce); 
    // Function that checks if it is in view. 
    $("<?php echo '#progress' . $module->id ?>").waypoint(function() { 
     callbacks.fire(runOnce); 
    }, { 
     offset: '50%' 
    }); 
    }); 
})(jQuery);