jquery run once .one() in viewport

Question

Я делаю прогрессбар и хочу, чтобы он играл, когда он находится в окне просмотра. Я получил эту работу, но код теперь выполняется каждый раз, и мне нужно, чтобы он запускался только один раз. Потому что теперь он создает несколько прогрессивных баров. ;-) Код, указанный ниже, используется в расширении Joomla.

(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);