Conteúdo para você se capacitar em programação
Eu mesmo enfrentei esse problema ao tentar usar um modal remoto para conteúdo dinâmico. ao selecionar um link diferente, o conteúdo antigo sempre seria exibido. Correção muito simples: basta adicionar …
Continuar lendoEsta é uma variação da dica encontrada aqui . Veja um exemplo do resultado final aqui . Eu adicionei a opção de atrasar a exibição modal do Bootstrap e alterei …
Continuar lendoHTML <button id=”launch-modal”> Launch Modal</button><div id=”modal-background” class=”vertical-align”> <div id=”modal”> <button id=”close-modal”> Close Modal </button> <h3> This is a modal </h3> <p> Text goes here or whatever you want… </p> </div></div> …
Continuar lendoExemplo de como pausar um vídeo ou áudio contido em um bootstrap modal para evitar mais audições quando a janela modal é fechada. // Close Bootstrap Modal.$(‘.close, .save, .cancel’).on(‘click’, function(e){ …
Continuar lendoHTML dentro <div class=”modal-body”> <div id=”container”> <div id=”left”>A</div> <div id=”center”>B</div> <div id=”right”>C</div></div> CSS com width: 350pxtentar comwidth: 100% #container { width:350px; text-align:center; margin:0 auto;}#left { float:left; width:100px; height: 100px; background: …
Continuar lendoUma maneira fácil de centralizar seus futuros modais na Tela com este código simples * $(this).css({‘margin-top’: -($(this).height()/2)});$(this).css({‘top’: ‘50%’});$(this).css({‘margin-left’: -($(this).width()/2)})
Continuar lendoVocê já teve um modal que carrega automaticamente e não deseja exibi-lo depois que o usuário clica em um botão específico no modal? Aqui está uma solução simples com Jquery …
Continuar lendo