2

я использую эту code ведьму отлично работает, когда я использую его стоять в одиночку (без Fastclick плагина):Twitter Bootstrap 3 пользовательские кнопки радио врезались по fastclick.js

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

И после этого я увидел, что вход радио остается по-прежнему. Вы можете открыть this jsfiddle example с ipad или iphone, чтобы увидеть проблему.

Есть ли какое-либо решение, чтобы заставить переключатели работать, а также поддерживать плагин fastclick.js в одно и то же время?

+0

скрипку не работоспособна, потому что 'FastClick не defined' .. Но насколько Я вижу, что bootstrap [javascript radio button] (http://getbootstrap.com/javascript/#buttons) использует jQuery для установки значения и добавления обработчиков изменений, где fastclick делает это ванильным путем. – A1rPun

+0

Я обновил плагин fastclick на примере, теперь он должен работать. – paulalexandru

ответ

0

... а FastClick предполагает, добавить класс «» needsclick к обертке БТН-группы ...

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