2012-08-07 14 views
13

Tengo un botón en mi página que cuando se presiona desencadena algunas funciones de JavaScript, y una de esas funciones javascript para abrir un modo de arranque, pero parece que no puedo hacer que funcione. Aquí está mi código ... por favor ayuda.¿Cómo se muestra un modal de arranque desde dentro de una función de JavaScript?

//elsewhere on the form is the button that triggers the javascript 
    <a href="#" class="btn btn-danger" id="cancelPObtn" data-dismiss="modal">Yes, cancel it</a> 

<!-- CANCEL A PO MODAL --> 
<div class="modal hide fade" id="error-dialog" style="display: none;"> 
    <div class="modal-header"> 
     <a class="close" data-dismiss="modal">x</a> 
     <h3>Cancel Purchase Order?</h3> 
    </div> 
    <div class="modal-body"> 
    </div> 
    <div class="modal-footer"> 
     <a href="#" class="btn btn-danger btn-modal btn-cancel" data-dismiss="modal">Yes, cancel it</a> 
     <a href="#" class="btn" data-dismiss="modal">Nevermind</a> 
    </div> 
</div> 




     $('.btn-danger').click(function(event) { 
      if(some random conditional statement){ 
      //some stuff happens here 
      } 
      else{ 
       //Show form validation error modal-- I know this part is triggered but the modal will not show 
       $("#error-dialog").modal("show"); 
      } 
     }); 

Respuesta

4

se está perdiendo if() { parte de la sentencia condicional

+3

Quité accidentalmente el if() cuando ingresé la pregunta. La verdadera solución era que necesitaba eliminar la etiqueta de estilo style = "display: none;" del modal. – silvster27

+9

@JSilva Si este no fue realmente el problema con su pregunta, por favor no acepte esta respuesta. Esto solo confunde a las personas cuando leen esta pregunta. – idmean

3

Es un poco difícil de ver lo que quiere hacer con este código parcial, pero aquí es un código de trabajo basado en la suya:

http://jsbin.com/oqomiv/1/edit

5

$ ("# error-dialog"). Modal ("show");

Esta es la forma correcta, su código simplemente tiene un error. Entra a la Consola de Chrome y ejecuta este comando, funcionará.

Cuestiones relacionadas