twitter-bootstrap - 在 Bootstrap 中关闭模式后如何取消模式触发按钮的焦点

Question

关闭模式后，我似乎无法模糊按钮。

$('#exampleModal').on('hidden.bs.modal', function(e){
        $('button').blur();
    });

我已经尝试了上述方法，但它似乎仍然没有模糊它。我几乎什么都试过了。唯一的解决方案是在模型完成隐藏过渡后设置超时并模糊它。有更好的解决方案吗？

Answer 1

使用 .one() 在模态插件中设置返回到触发元素的焦点绑定(bind)，不幸的是不能解除绑定(bind)。好消息是我们可以这样做:

$('#myModal').on('shown.bs.modal', function(e){
    $('#myModaltrigger').one('focus', function(e){$(this).blur();});
});

在哪里 #myModaltrigger是模态触发按钮的ID。使用.one()的原因绑定(bind)是为了使要模糊的函数仅在显示模态后才被调用。一旦它隐藏并且焦点/模糊发生，按钮可以正常聚焦，就像通过标签一样，它不会自动模糊。

见 this working example