我正在尝试在重新加载页面之前将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>
答案 0 :(得分:0)
我发现这对我有用。
$('.pro$('.progress-bar').css('width', '100%').attr('aria-valuenow', 100);