BootstrapSwitch不工作

Question

我有一個簡單的Yes No開關沒有顯示。它顯示爲複選框。

<%= f.label :correct, "Correct Answer?" %><br> 
<%= f.check_box :correct %> 

<script> 
$(document).ready(function(){ 
    $("#answer_correct").bootstrapSwitch('onText', 'Yes'); 
    $("#answer_correct").bootstrapSwitch('offText', 'No'); 
    $("#answer_correct").bootstrapSwitch('size', 'large'); 
}); 
</script> 

這是控制檯的信息：

<input id="question_answers_attributes_0_correct" name="question[answers_attributes][0][correct]" type="checkbox" value="1"> 

我這麼想嗎？謝謝

Answer 1

JQuery ID選擇器沒有引用頁面上的輸入元素。

更改$("#answer_correct")到：

$("#question_answers_attributes_0_correct")由正確的ID

或

$("[name='question[answers_attributes][0][correct]']")選擇選擇通過其名稱的元素。