Bootstrap Modal ne ferme pas

Question

HTML:

<div id="im_modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="Image" aria-hidden="true"> 
    <div class="modal-footer"> 
     <a type="button" class="btn pull-left" href="javascript:close_preview()">Cancel</a> 
     <button type="submit" class="btn btn-primary pull-left">OK</button> 

Javascript:

function close_preview() { 
    $("#im_modal").modal("hide"); 
} 

La fonction close_preview est appelée, mais ne ferme pas le modal.

Answer 1

Il devrait fonctionner, probablement le positionnement de la fonction close_preview n'est pas où il est censé être. Mais il y a une autre façon sans utiliser de méthodes/événements, vous pouvez ajouter l'attribut data-dismiss au bouton.

<a type="button" class="btn pull-left" data-dismiss="modal">Cancel</a> 

Fiddle

Answer 2

Pour les personnes utilisant coffeescript avec le cacher événement, soyez prudent avec le rendement implicite. Il interrompt la propagation de l'événement. Assurez-vous de retourner l'événement.

$('#myModal').on 'hide.bs.modal',(e)-> 
    //something 
    return e