Perguntas com a marcação «modal-dialog»

Eu usei o código do meu modal diretamente no exemplo do Bootstrap e incluí apenas o bootstrap.js (e não o bootstrap-modal.js). No entanto, meu modal está aparecendo sob o desbotamento cinza (pano de fundo) e não é editável. Aqui está o que parece: Veja este violino para uma maneira de …

576 javascript  css  twitter-bootstrap  modal-dialog 

Estou criando uma janela modal usando o Twitter Bootstrap. O comportamento padrão é que, se você clicar fora da área modal, o modal será fechado automaticamente. Gostaria de desativar isso - ou seja, não fechar a janela modal ao clicar fora do modal. Alguém pode compartilhar o código jQuery para …

549 jquery  twitter-bootstrap  modal-dialog  mouseclick-event 

Estou usando a lib do Twitter Bootstrap em um novo projeto e quero que parte da página atualize e recupere os dados mais recentes do json no fechamento modal. Não vejo isso em nenhum lugar da documentação. Alguém pode me indicar ou sugerir uma solução. Dois problemas com o uso …

530 jquery  modal-dialog  twitter-bootstrap 

Estou criando um site de bootstrap, com alguns 'Modais' de bootstrap. Estou tentando personalizar alguns dos recursos padrão. O problema é esse; Você pode fechar o modal clicando no fundo. Existe alguma maneira de desativar esse recurso? Apenas em modais específicos? Página modal de inicialização

440 javascript  css  twitter-bootstrap  modal-dialog 

Eu tenho uma caixa de diálogo modal de auto-inicialização que quero mostrar inicialmente e, quando o usuário clica na página, ela desaparece. Eu tenho o seguinte: $(function () { $('#modal').modal(toggle) }); <div class="modal" id='modal'> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Error:</h3> </div> <div class="modal-body"> <p>Please correct the following …

432 jquery  twitter-bootstrap  modal-dialog 

Eu li as postagens aqui, o site Bootstrap, e pesquisei no Google como um louco - mas não consigo encontrar o que tenho certeza de que é uma resposta fácil ... Eu tenho um modal de Bootstrap que abro de um link_to auxiliar como este: <%= link_to "New Contact", new_contact_path, …

281 javascript  twitter-bootstrap  modal-dialog 

Esta é uma questão de duas partes: Como você pode posicionar o modal verticalmente no centro quando não sabe a altura exata do modal? É possível ter o modal centralizado e ter excesso: auto no corpo modal, mas apenas se o modal exceder a altura da tela? Eu tentei usar …

270 css  twitter-bootstrap  modal-dialog  center 

Estou usando a inicialização do Twitter, especifiquei um modal <div class="modal hide" id="modal-item"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">x</button> <h3>Update Item</h3> </div> <form action="http://www.website.com/update" method="POST" class="form-horizontal"> <div class="modal-body"> Loading content... </div> <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Close</a> <button class="btn btn-primary" type="submit">Update Item</button> </div> </form> </div> E os links <a href="http://www.website.com/item/1" …

263 jquery  jquery-plugins  twitter-bootstrap  modal-dialog 

Estou usando a caixa de diálogo Modal de inicialização do Twitter. Quando clico no botão de envio da caixa de diálogo modal de auto-inicialização, ele envia uma solicitação AJAX. Meu problema é que o cenário modal não desaparece. A caixa de diálogo Modal desaparece corretamente, mas, em vez disso, "modal-backdrop …

260 twitter-bootstrap  modal-dialog 

Estou criando um aplicativo que precisa mostrar uma caixa de diálogo de confirmação em algumas situações. Digamos que eu queira remover algo, então enviarei uma ação como essa deleteSomething(id)para que algum redutor pegue esse evento e preencha o redutor de diálogo para mostrá-lo. Minha dúvida surge quando este diálogo é …

240 javascript  modal-dialog  redux  react-redux 

Estou trabalhando em um site usando o bootstrap. Basicamente, eu queria usar um modal na página inicial, convocado pelo botão na Unidade Hero. Código do botão: <button type="button" class="btn btn-warning btn-large" data-toggle="modal" data-target="#myModal">Open Modal</button> Código modal: <div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" …

203 twitter-bootstrap  modal-dialog 

No Twitter, observando a documentação dos modais . Não consegui descobrir se há uma maneira de ouvir o evento close do modal e executar uma função. por exemplo, vamos usar este modal como exemplo: <div class="modal-header"> <button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">×</button> <h3>Modal header</h3> </div> <div class="modal-body"> ... </div> <div …

191 jquery  twitter-bootstrap  modal-dialog 

Estou usando o jquery-ui-dialogplugin Estou procurando uma maneira de atualizar a página quando, em algumas circunstâncias, quando a caixa de diálogo estiver fechada. Existe uma maneira de capturar um evento próximo a partir da caixa de diálogo? Eu sei que posso executar o código quando o botão Fechar é clicado, …

186 javascript  jquery  jquery-ui  modal-dialog  jquery-ui-dialog 

Estou escrevendo um pop-up modal e preciso que o navegador pule para o topo da tela quando o botão modal aberto for pressionado. Existe uma maneira de rolar o navegador para o topo usando o jQuery?

186 javascript  jquery  css  modal-dialog 

Eu preciso que a sobreposição seja exibida acima do primeiro modal, não na parte de trás. Mostrar snippet de código $('#openBtn').click(function(){ $('#myModal').modal({show:true}) }); <a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div><div class="container"></div> <div class="modal-body"> …

185 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  modal-dialog