在beforeunload之前将bootstrap progressbar值更新为100%

时间:2015-01-25 11:14:26

标签: jquery twitter-bootstrap-3

我正在尝试在重新加载页面之前将bootstrap progress-bar值设置为100%。我在$(window).bind('beforeunload')中执行此操作,但它没有按预期工作。但是我尝试更改p标签的html文本是成功的。请建议。

<body>
    <div class="progress">
        <div class="progress-bar" role="progressbar" ></div>
    </div>
    <p id="pp"> something <p>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="bootstrap-progressbar-0.8.4/bootstrap-progressbar.js"></script>
    <script>
        $( document ).ready(function() {
            $('.progress .progress-bar').attr('data-transitiongoal', 80).progressbar({display_text: 'fill'});

            $(window).bind('beforeunload',function(){
                var $pb = $('.progress .progress-bar');
                $pb.attr('data-transitiongoal', 100).progressbar({display_text: 'fill'});
                $( '#pp' ).html("Reloading...");
                //return 'yes';
            });
        });
    </script>
</body>

1 个答案:

答案 0 :(得分:0)

我发现这对我有用。

$('.pro$('.progress-bar').css('width', '100%').attr('aria-valuenow', 100);