Альпака формы - конвертировать переключатель в тумблер - PullRequest
0 голосов
/ 30 октября 2018

Я хотел бы создать форму, которая начинается с флажка, который расширяет остальную часть формы. Я сделал это с помощью форм Alpaca, определив зависимости, и вы можете видеть, что здесь .

Я использовал код здесь , чтобы добавить стилизацию, чтобы превратить флажок в тумблер. Я скопировал сгенерированный html в новую корзину и применил классы здесь . Требуется добавить класс «switch» к элементу метки, окружающему вход, и добавить диапазон класса «slider round» внутри метки под элементом ввода.

Но я не уверен, как это сделать автоматически. У Alpaca есть опция «fieldClass», но она не работает в моем примере, и я не думаю, что она все равно будет соответствовать моим потребностям.

Так что мне нужно использовать jquery, чтобы найти эти внутренние элементы и изменить / вставить? Я немного поиграл с этим, но, похоже, не могу сконструировать свои утверждения для поиска.

Я могу выбрать форму div:

$( document ).ready(function() {
  $("#form1").addClass("switch")
}) 

Но я не уверен, как спуститься до конца до элемента label.

...