html - Twitter Bootstrap 3 自定义单选按钮被 fastclick.js 崩溃

Question

我用这个code当我单独使用它(没有 fastclick 插件)时，witch 工作得很好:

<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;
}

然后我看到输入 radio 保持静止。你可以打开this jsfiddle example用 ipad 或 iphone 查看问题。

是否有任何解决方案可以使单选按钮正常工作并同时保留 fastclick.js 插件？

Answer 1

...按照 fastclick 的建议，将“needsclick”类添加到包装器 btn-group...

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