Как исправить проблему путевой точки с индикаторами выполнения - PullRequest
Новая
       19

Как исправить проблему путевой точки с индикаторами выполнения

0 голосов
/ 22 апреля 2019

Когда я загружаю страницу, индикатор выполнения HTML5 «data-процент» не срабатывает до 100%, но если я загружаю страницу в путевую точку, то «data-процент» срабатывает до 100%.Для этого проекта я использую Waypoint и новейшую версию bootstrap.Любая помощь будет принята с благодарностью:) 

var $dipper = $('.dipper');
$dipper.waypoint(function () {
    console.log('jkjk');
    $dipper.addClass('op');
    $dipper.attr('data-percent', '100%');
}, {
    offset: '60%'
});


jQuery(document).ready(function () {
    jQuery(".skillbar").each(function () {
        jQuery(this).find(".skillbar-bar").animate({
            width: jQuery(this).attr("data-percent")
        }, 5000);
    });
});

  <div class="col-lg-4 col-md-4 col-sm-12">
                    <div class="dipper skillbar clearfix " data-percent="0%">
                        <div class="skillbar-title" style="background: #d35400;"><span>HTML5</span></div>
                        <div class="skillbar-bar" style="background: #e67e22;"></div>
                        <div class="skill-bar-percent">100%</div>
                    </div>
                </div>

Я ожидаю, что если я загружу страницу, а затем прокручиваю до маршрутной точки, индикатор прогресса html5 сработает и поднимется до заданного значения, которое100%.

...