O botão é introduzido no capítulo do botão Bootstrap. Com o plug -in de botão, você pode adicionar algumas interações, como controlar o status do botão ou criar grupos de botões para outros componentes, como barras de ferramentas.
Se você deseja fazer referência à funcionalidade do plug -in separadamente, precisará fazer referência ao botão.js. Ou, como mencionado no capítulo Visão geral do plug -in Bootstrap, você pode consultar o bootstrap.js ou versões compactadas do bootstrap.min.js.
1. Status de carregamento
Para adicionar status de carregamento ao botão, basta adicionar dados de carregamento de dados = "Carregando ..." ao elemento do botão como atributo, conforme mostrado no exemplo a seguir:
<botão id = "Fat-btn" Data-carregamento-text = "Carregando ..." type = "Button"> Status de carregamento </button> <Cript> $ (function () {$ (". }); }); </script>2. Switch único
Para ativar a troca de um único botão (ou seja, alterar o estado normal do botão para o estado da imprensa e vice-versa), basta adicionar data-toggle = "botão" ao elemento do botão como atributo, conforme mostrado no exemplo a seguir:
Copie o código da seguinte
Nota: Quando a página do Firefox carrega várias vezes, o botão pode manter o formulário desativado ou selecionado. A solução é: Adicione Autocomplete = "Off".
3. Botões de rádio
Da mesma forma, você pode criar um grupo de botões de rádio e adicionar uma alternância para o grupo de botões de rádio adicionando o Data Attribute Data-Toggle = "Botões" ao grupo BTN.
<div data toggle = "botões"> <gravadora para = ""> <input type = "radio" name = "sexo" autocomplete = "off" checked> masculino </creat> <gravador para = ""> <input type = "name" name = "sexo" autocomplete = "off"> feminino </letel> </div>
4. Botão de verificação
Você pode criar um grupo de caixa de seleção e adicionar uma alternância ao grupo de caixa de seleção adicionando o atributo de dados data-toggle = "botões" ao grupo BTN.
<div data toggle = "botões"> <etiqueta para = ""> <input type = "caixa de seleção" name = "fa" autocomplete = "off" checked> music </elabel> <etiqueta para = ""> <input type = "caixa de seleção" name = "fa" autocomplete = "off"> esportes </etiquetel> <para = ""> <inpurt "inptring" inptring "input" <inpurt "" Art </elabel> <gravadora para = ""> <input type = "Caixa de seleção" name = "fa" autocomplete = "off"> computador </elbel> </div>
Existem três parâmetros no método do botão no plug-in do botão: alternar, redefinir e string (como carregamento, completo).
// pode substituir Data-toggle = "Button" $ ('Button').Aqui estão alguns métodos úteis nos plugins de botão:
O exposto acima é todo o conteúdo deste artigo. Espero que seja útil para o aprendizado de todos. Para obter mais informações sobre o Bootstrap, consulte o tópico: Bootstrap Learning Tutorial