Bootstrapで動的にフォームを作るとチェックボックスのラベルをクリックしても機能しない
Twitter Bootstrapについてです。
Bootstrapのスタイルは、デフォルトで
チェックボックスのラベルをクリックすると(画像の「画像を削除する」のラベル)、
チェックボックスがtoggleされます。
しかし、JSで動的にフォームを挿入した後のチェックボックスは、
ラベルをクリックしてもtoggleされません。
popoverなどの機能であれば、
$('[rel=popover]').popover();
などで、再度初期化できるかと思います。
そのようなフォームの動的な作成後に使用できるBootstrap内のJS
(ラベルクリックがJSでなされているかは不明ですが)はあるのでしょうか?
どのようにラベルのcheckboxのtoggleを有効化させればよいでしょうか?
===== 訂正 ======
同じページ上に同一のIDが存在したためでした。
もちろんformタグはそれぞれに分かれてます。
<div class="checkbox">
<label for="course_enabled">
<input name="course[enabled]" type="hidden" value="0" />
<input checked="checked" id="course_enabled" name="course[enabled]" type="checkbox" value="1" /> 使用可能
</label>
</div>
for attribute をなくせば可能かもしれません。)
Railsのフォーム生成のgemに依存しているため少し手こずりそうですが・・・
(別のラベルを作成してidとforを合わせれば動作しました。
勘違いだったため、別の問題なのでクローズします。