2017-09-21 233 views
0

我可以通過使用HTML獲得引導切換工作,但不能使用JavaScript API方法執行切換。基本上,第一個切換按鈕起作用,但使用API​​方法編寫的第二個按鈕只顯示爲複選框。感謝您的幫助澄清什麼,我在我的代碼是缺少:使用javascript的引導切換開關

<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>

謝謝!

回答

0

我想出了答案。 ()的函數,沒有必要在我的代碼:

<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>