Кнопка введена в главе кнопки начальной загрузки. С помощью плагина кнопки вы можете добавить некоторые взаимодействия, такие как управление состоянием кнопки или создание групп кнопок для других компонентов, таких как панели инструментов.
Если вы хотите ссылаться на функциональность плагина отдельно, вам необходимо ссылаться на кнопку.js. Или, как упомянуто в главе обзора плагинов Bootstrap, вы можете обратиться к Bootstrap.js или сжатым версиям Bootstrap.min.js.
1. Статус загрузки
Чтобы добавить статус загрузки в кнопку, просто добавьте Data Loading-Text = «Загрузка ...» в элемент кнопки в качестве атрибута, как показано в следующем примере:
<button id = "fat-btn" data-loading-text = "загрузка ..." type = "button"> Статус загрузки </button> <script> $ (function () {$ (". Btn"). Click (function () {$ (this) .button ('wording'). Delock (1000). queue (function () {// $ (this). }); }); </script>2. Одиночный переключатель
Чтобы активировать переключение одной кнопки (то есть, чтобы изменить нормальное состояние кнопки на состояние нажатия, и наоборот), просто добавьте кнопку Data-toggle = "в элемент кнопки в качестве атрибута, как показано в следующем примере:
Скопируйте код следующим образом: <Кнопка Data-toggle = »кнопку
Примечание. Когда страница Firefox загружается несколько раз, кнопка может оставить форму отключенной или выбранной формы. Решение: добавить autoComplete = "off".
3. Радионогтровые кнопки
Аналогичным образом, вы можете создать группу радиопроизводств и добавить переключатель для группы радионогих, добавив атрибут данных toggle = «кнопки» в группу BTN.
<div data-toggle = "buttons"> <label для = ""> <input type = "radio" name = "sex" autocomplete = "off" checked> male </label> <label for = ""> <input type = "radio" name = "sex" autocompleate = "off"> женский </label> </div>
4. Проверьте кнопку
Вы можете создать группу флажков и добавить переключатель в группу флажков, добавив атрибут данных toggle = «кнопки» в группу BTN.
<div data-toggle="buttons"> <label for=""> <input type="checkbox" name="fa" autocomplete="off" checked> Music</label> <label for=""> <input type="checkbox" name="fa" autocomplete="off"> Sports</label> <label for=""> <input type="checkbox" name="fa" autocomplete="off"> Fine Art </label> <label for = ""> <input type = "fackbox" name = "fa" autocomplete = "off"> computer </label> </div>
В методе кнопки есть три параметра в подключателе: переключать, сбросить и строку (например, загрузка, завершена).
// он может заменить Data-toggle = "Кнопка" $ ('Кнопка'). ON ('Click', function () {$ (this) .button ('toggle');})Вот несколько полезных методов в плагинах кнопок:
Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения. Для получения дополнительной информации о начальной загрузке, пожалуйста, обратитесь к теме: учебник по обучению Bootstrap