Question

我正在使用Bootstrap，当我尝试在关闭我的模态时触发事件时，我遇到了问题，如果我在模态中有淡入淡出类，则事件不会被触发，但如果我删除它一切正常。

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

<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

<强>解决

通过在定义模态时设置触发器来解决它。

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

显然，如果在创建模态后尝试为事件设置触发器，则触发器会被淡入淡出类阻止。但是像这样有效。仍然不是100％肯定为什么

但是工作和测试。

Bootstrap淡化类阻塞hidden.bs.modal事件bootstrap 3.0.21

1 个答案: