부트 스트랩 방법에 맞춤 메시지를 인쇄하려면 어떻게해야합니까?

Question

버튼을 클릭하면 "로드 중"으로 변경되고로드 후 "로드 완료"가됩니다.

"로드 중"을 "저장 중"으로, "로드 완료 중"을 "저장 완료"로 어떻게 바꿀 수 있습니까?

당신은 다음과 같은 한 코드의 바닥에서 나는 this 링크

<script type="text/javascript"> 
$("#myButton").click(function(){ 
    $(this).button('loading').delay(1000).queue(function() { 
     $(this).button('complete'); 
     $(this).dequeue(); 
    });   
}); 
}); 
</script> 

<div class="bs-example"> 
    <button type="button" class="btn btn-info" 
    id="myButton" data-complete-text="Loading Completed" 
    autocomplete="off">Click Me</button> 
</div> 

Answer 1

에서 원하는 것을 볼 수 있습니다 여기에 data-complete-text="Loading Completed" 라는 이름의 속성이 있습니다

<button type="button" class="btn btn-info" id="myButton" data-complete-text="Loading Completed" autocomplete="off">Click Me</button> 

단추가로드 될 때 텍스트를 변경할 수 있습니다.

로드하는 동안 텍스트를 추가하려면.

data-loading-text="loading-text.." 

제품은 다음과 같습니다 :

<button type="button" class="btn btn-info" id="myButton" data-loading-text="YOUR LOADING TEXT" data-complete-text="YOUR LOADED TEXT" autocomplete="off">Click Me</button> 

다음과 같은 속성을 추가