隐藏的Bootstrap模式不会触发(Bootstrap modal on hidden does not trigger)

 就像标题所说我有问题要运行modal.on（'hidden'）事件。 我可以毫无问题地打开模态。 使用它的代码看起来像这样： 
 
var info = $('<img src="img/icons/info.png">');
info.attr('data-toggle','modal');
info.attr('data-target','#infoPopup');
 
 模态本身看起来像这样： 
 
 <div class="modal fade" id="infoPopup" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 id="popupHeader" class="modal-title"></h4>
            </div>
            <div id="popupBody" class="modal-body">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
 
 它开得很好但是当我通过点击模式旁边的关闭按钮或右上角的X来关闭它时，似乎隐藏的事件不是触发器。 
 
$('.modal.in').on('hidden',function(){
            console.log('test');
        });
 
 当我尝试使用$('.modal.in')在控制台上访问它时，所选的模态是正确的。 所以我不是想在错误的模态上得到一个回调。 我也尝试用$('.modal.in').on('hidden.bs.modal',func...) 。 但我得到了同样的结果。 
 
 谢谢你的帮助。 

Like the title says i have problem to getting the modal.on('hidden') event to run. I can open the modal without any problems. The code im using for it looks something like this:
 
var info = $('<img src="img/icons/info.png">');
info.attr('data-toggle','modal');
info.attr('data-target','#infoPopup');
 
The modal itself looks like this:
 
 <div class="modal fade" id="infoPopup" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 id="popupHeader" class="modal-title"></h4>
            </div>
            <div id="popupBody" class="modal-body">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
 
It Opens perfectly fine but it seems like the hidden event is not triggert when I'm closing it by clicking beside the modal the close button or the X on the top right.
 
$('.modal.in').on('hidden',function(){
            console.log('test');
        });
 
The selected modal is the correct one when i'm trying to access it on the console with $('.modal.in'). So i'm not trying to get a callback on the wrong modal. I also tried it with $('.modal.in').on('hidden.bs.modal',func...). But i got the same result.
 
Thanks for your help.

原文：https://stackoverflow.com/questions/35454352