변경 전 부트 스트랩 토글 텍스트 표시

Question

내 앱에서 부트 스트랩 토글을 사용하고 있으며 실제로 달성하기 위해 노력하고있는 것은 클릭이 실제로 발생하기 전에 텍스트를 표시하는 것입니다. 이제는 클릭하기 전에 텍스트가 표시되지 않으며 내가 클릭하면 토글 결과 : "true"및 "토글 : false"가 표시됩니다. .. 다시/다른 클릭 오프로 변경할 것을 클릭에 다음

JS을 ... 해제하고 : 음악은 현재이 같은 -

나는 클릭이 발생하기 전에 텍스트를 표시 할 것

<div class="widget widget-table"> 
$(function() { 
    $('#toggle-event').change(function() { 
    $('#music-info').html('Music is currently ' + $(this).prop('checked')) 
     }) 
    }) 

HTML

<div id="music-info"></div>     
<input id="toggle-event" type="checkbox" data-toggle="toggle"> 

어떤 도움?

감사합니다.

Answer 1

잘 모르겠다면 잘 모르겠습니까?

$(function() { 

    $('#music-info').html('Music is currently ' + ($('#toggle-event').prop('checked') ? 'ON' : 'OFF')) 

    $('#toggle-event').change(function() { 
     $('#music-info').html('Music is currently ' + ($(this).prop('checked') ? 'ON' : 'OFF')) 
    }); 
}); 

여기를 확인 ... https://fiddle.jshell.net/rigobauer/wfrLsa2h/