Bootstrap switch с собственным текстом

Question

Я хотел бы иметь возможность добавить поведение LOCK/UNLOCK в этот флажок, используя твитер-бутстрап. Я нашел аналогичный образец в boostrap-switch.org в разделе «Текст метки». В этом примере они использовали ON-TV-OFF, Точно так же я хочу дать свой собственный текст вместо ON, OFF. Подобно UNLOCK-Username-LOCK.

ЗАМОК должен быть исчез, нажав Разблокированно то результат должен быть как XXX-LOCK

РАЗБЛОКИРОВКИ должен быть исчезнувшей щелчком на ON текст, то вывод должен быть как ОТПЕРЕТЬ-XXX

Как я могу это сделать с бутстрапом?

Answer 1

Это репозиторий Github. Перейти к/строить/JS и в загрузчике-switch.js изменить строку в следующем:

html = "ON"; 

Это строка 35 файла JS.

Аналогично изменить строку в:

html = "OFF"; 

т.е. линии 47.

Answer 2

Это не может быть точно такой же вещи, как boostrap-switch.org, но я сделал это, используя fadeTo() свойство JQuery.

Вот выход jsfiddle link.