推特Bootstrap 3定制单选按钮被fastclick.js崩溃

Question

我使用这个code，当我独立使用它时，它工作得很好(没有快速单击插件)：

<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-primary active">
        <input type="radio" name="options" id="option1" checked> Option 1 (preselected)
    </label>
    <label class="btn btn-primary">
        <input type="radio" name="options" id="option2"> Option 2
    </label>
    <label class="btn btn-primary">
        <input type="radio" name="options" id="option3"> Option 3
    </label>
</div>

但是，当我使用fastlick.js提高移动设备的点击性能时，当我按下按钮时，活动类从一个标签更改为另一个标签，但单选按钮没有更新，它仍然是选定的相同的单选按钮。

我花了一些时间才弄明白，我必须使用以下命令使单选按钮可见：

[data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] {
    display: block;
}

在那之后，我看到输入无线电保持不动。你可以用ipad或iphone打开this jsfiddle example查看问题。

有什么解决方案可以让单选按钮正常工作，同时保留fastclick.js插件吗？

Answer 1

...as快速单击建议，将'needsclick‘类添加到包装器btn-group...

<div class="btn-group needsclick" ...>