jquery - Bootstrap fade 类阻止hidden.bs.modal 事件 bootstrap 3.0.21

Question

我正在使用 Bootstrap，当我尝试在关闭模式时触发事件时，我遇到了一个问题，如果我在模式中有淡入淡出类，则该事件不会被触发，但如果我将其删除所有内容工作正常。

我想要动画，我想要触发器，但我不想使用任何解决方法，例如创建自己的淡入淡出类或手动触发隐藏事件......我想使用 Bootstrap 类和事件。

<div class="modal fade" tabindex="-1" id ="alertModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4> bli</h4>
        </div>
        <div class="modal-body">
            <h2 >blabla</h2>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-primary" data-dismiss="modal"> bla</button>
        </div>
    </div>
</div>
</div>

    postRender: function() {
                    $('#alertModal').on('hidden.bs.modal', function() {
                        alert("test");
                    });
                    this.startModal();
                },
                startModal: function() {
                    this.$el.modal({
                        keyboard: false
                    });
                }
...

同样，如果我删除淡入淡出类，一切都会完美运行。

更新

已解决...请参阅答案。

Answer 1

已解决

只需在定义 Modal 时设置触发器即可解决此问题。

postRender: function() {
            this.startModal();
        },
        startModal: function() {
            this.$el.modal({
                keyboard: false
            }).on('hidden.bs.modal', function() {
                alert("test");
            });
        },

显然，如果您在创建模式后尝试为事件设置触发器，则触发器会被淡入淡出类阻止。但就像这样它有效。仍然不能 100% 确定原因

但是可以工作并经过测试。