자바 스크립트를 사용하는 부트 스트랩 토글 스위치

Question

부트 스트랩 토글은 HTML을 사용하여 작동 시키지만 자바 스크립트 API 메소드를 사용하여 수행 할 수는 없습니다. 기본적으로 첫 번째 토글 버튼이 작동하지만 API 메소드를 사용하여 작성된 두 번째 버튼은 체크 박스로 표시됩니다. 나는 내 코드에서 누락하고있는 무슨 명확하게 당신의 도움을 주셔서 감사합니다 :

<script src="https://code.jquery.com/jquery.min.js"></script> 
 
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet"> 
 
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script> 
 

 
<input type="checkbox" data-toggle="toggle" data-on="Enabled" data-off="Disabled"> 
 

 
<input type="checkbox" id="toggle-two"> 
 
<script> 
 
    $(function() { 
 
    $('#toggle-two').bootstrapToggle({ 
 
     on: 'Enabled', 
 
     off: 'Disabled' 
 
    }); 
 
    }) 
 
</script>

감사합니다!

Answer 1

나는 대답을 알아 냈다.

<script src="https://code.jquery.com/jquery.min.js"></script> 
 
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script> 
 
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet"/> 
 

 
<input type="checkbox" id="toggle-two"> 
 
<script> 
 
    $('#toggle-two').bootstrapToggle({ 
 
     on: 'Enabled', 
 
     off: 'Disabled' 
 
    }); 
 
</script>

: 함수는() 내 코드가 필요하지 않았다