2015-01-25 2 views
0

페이지를 다시로드하기 전에 부트 스트랩 진행률 표시 줄 값을 100 %로 설정하려고합니다. 나는이 내부 $ (창) .bind ('beforeunload'를하고있는 중이 야하지만, p 태그의 HTML 텍스트가 성공적으로 변경 예상대로. 그러나 내 시도를 작동하지 않습니다. 제안하십시오.부트 스트랩 진행률 값을 100 %로 업데이트하기 전에

<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

을? 당신이 트리거 그것? – Tomanow

+0

페이지 내가이 나를 위해 일하게 될 것으로 브라우저 새로 고침 버튼 – mylari

+0

를 통해 다시로드 버튼이 있습니까. $ ('. progress bar ') .css ('width ','100 % '). attr ('aria-valuenow ', 100); – mylari

답변

0

내가 발견 이것은 나를 위해 작동합니다. 페이지를 다시로드를 얼마나

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