引导表单助手 - 状态选择器 - 选择类

Question

我正在尝试将论坛帮助程序集成到我的Bootstrap应用程序中，但是在使用<select></select>进行任何操作时遇到了一些问题。我已经包含了所有.js文件，并且日期选择器/滑块完美地工作，但它们只是<div></div>层。

以下是其“文档”的链接： Bootstrap Form Helpers

我是否需要包含单个-states，-countries等..js文件才能使其正常工作？我试图使用的只是......

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

...要在select中调用，但不会在其中填充任何内容。

Answer 1

我研究了这个问题，结果证明你不仅需要包含某种形式的Bootstrap JS（你的bootstrap.js很好），你还需要包含bootstrap-formhelpers.js以及bootstrap-formhelpers-states .js文件。还包括一些CSS。

我把这一切都放在下面的小提琴中： http://jsfiddle.net/k7Zjd/4/

你会注意到例1是不同的，但是看起来似乎是为了2.3.0而考虑到了帮助者。无需手动启动.bfhstates（{country：'US'，state：'CA'}）;它永远不会为我加载 - 如果你尝试，例如，$（'。bfhstates'）;

HTML - bfh-select-fix只是我用来定位select元素的一个类--bfh-states将返回null，我们不想触发每个表单控件。 （.form-control.bfh-states也返回null等）

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

JS - 以手动方式初始化状态选择器。

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

编辑 - 我不是故意假设你正在使用Bootstrap 3 - 但是，我的小提琴不应该有所作为。我可以进一步研究为什么示例1看起来不起作用。