Intereting Posts
JQuery поворачивает изображение и соответственно корректирует родительский элемент HTML-форматированное значение ячейки из Excel с использованием Apache POI изображение не отображается на веб-странице. Вместо этого отображается текст «Загрузка …» Двухэтапная разметка с текущим левым и фиксированным правым столбцом положить полосу прокрутки за пределы div с автоматическим переполнением Центрирование основанного на процентах div Есть ли способ вставки fragmentов кода / блоков в gmail / wave / gdocs? Абсолютная позиция css не будет работать с margin-left: auto margin-right: auto При использовании объектов HTML он также переводит амперсанд & Выберите несколько дочерних элементов, используя n-й-дочерний элемент HTML-переключатели, позволяющие выбирать несколько вариантов Что такое правильный подход к использованию тегов strong / em при локализации строк? Как раскрыть не строгие HTML-документы снисходительно? Как включить результат поиска Google в мою указанную ширину и высоту div? Как выровнять несколько элементов формы?

Отключить группу кнопок Bootstrap Twitter

У меня есть группа кнопок на странице, которая используется для выбора. После того, как выбор сделан, я хочу, чтобы группа кнопок все еще была видимой, чтобы пользователь мог видеть выбранный ими выбор, но я не хочу, чтобы они могли использовать его больше. Есть ли способ отключить группу кнопок?

Вы можете использовать отключенный атрибут на кнопках, чтобы отключить их использование, как описано в документах Bootstrap . По сути, это связано с добавлением атрибута «disabled» к элементу кнопки, например;

 

Вы можете использовать jQuery для динамического добавления этого атрибута, как только вы сделали то, что хотите сделать

 $('.btn-group-vertical button').attr('disabled','disabled'); 

И если вы хотите снова включить его

 $('.btn-group-vertical button').removeAttr('disabled'); 

Имейте в виду, что вышеупомянутое применило бы это поведение ко всем группам кнопок с этим именем classа. Если вы не хотите, чтобы вам нужно добавить идентификатор в div группы btn и использовать его в селекторе jQuery.

Я тоже хотел сохранить стиль, поэтому я оставил отключенное поле и просто противопоставлял CSS только новому classу:

 

И CSS:

 .btn-group.display-only label.btn { pointer-events: none; cursor: not-allowed; } .btn-group.display-only label.btn.active { opacity: 1; color: #333; background-color: #e6e6e6; border-color: #adadad;webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125); } 

.. Это хорошо для меня.

Перед v4.0.0 кнопки Bootstrap Toggle не соблюдают .disabled или [disabled]:

https://github.com/twbs/bootstrap/issues/21237