Bootstrap Form Helpers - State Picker - Select Class

Question

Я пытаюсь интегрировать помощников Форума в мое приложение Bootstrap, но у меня возникают проблемы с работой с <select></select>. Я включил все .js-файлы, а выбор даты/слайдера работает отлично, но они всего лишь <div></div> слоев.

Вот ссылка на их «документации»: Bootstrap Form Helpers

мне нужно включать отдельные -состояниям, -Страны- и т.д .. Есть .js файлы для того, чтобы это работало? Все, что я пытаюсь использовать, это ...

<select class="form-control bfh-states" data-country="US" data-state="CA"></select> 

... для вызова в выборе, но ничего не заполняется в нем.

Answer 1

Я изучил проблему, и выясняется, что вам не нужно включать какую-либо форму JS Bootstrap (ваш bootstrap.js в порядке), вам также необходимо включить bootstrap-formhelpers.js вместе с bootstrap-formhelpers- states.js. Также есть CSS.

У меня есть все, что работает в скрипкой ниже: http://jsfiddle.net/k7Zjd/4/

Вы заметите пример 1 отличается, однако, - это, кажется, что formhelpers было сделано в виду для 2.3.0; без ручного запуска с .bfhstates ({country: 'US', state: 'CA'}); он никогда не загружался для меня - похоже, что formhelpers заставляет каждый экземпляр .bfhstates быть нулевым, если вы пытаетесь, например, $ ('. bfhstates');

HTML - bfh-select-fix - это просто класс, который я использовал для выбора элемента select - bfh-states вернет null, и мы не хотим запускать каждый элемент управления. (.FORM-control.bfh-государства также возвращает нуль, и т.д.)

<select class="form-control bfh-select-fix bfh-states"></select> 

JS - инициализирует состояние селектор ручным способом.

$('.bfh-select-fix').bfhstates({country:'US', blank:false}); 

Edit - Я не хочу, чтобы предположить, что вы используете Bootstrap 3 - моя скрипка, однако, оно не должно иметь значение. Я мог бы изучить его далее, почему пример 1, похоже, не работает.