twitter-bootstrap – 在关闭引导程序中的模态后,如何解除模态触发按钮的聚焦

关闭模态后,我似乎无法模糊按钮.

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

我已经尝试了上面的内容,它似乎仍然没有模糊.我几乎尝试了一切.唯一的解决方案是设置超时并在模型完成隐藏转换后将其模糊.更好的解决方案？

解决方法

使用.one()绑定在modal插件中设置了对触发器元素的焦点,遗憾的是,该绑定无法解除绑定.好消息是我们可以这样做：

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

其中#myModaltrigger是模态触发按钮的ID.使用.one()绑定的原因是,只有在显示模态后才会调用模糊函数.一旦它隐藏,并且焦点/模糊发生,按钮可以正常聚焦,例如通过对其进行选项,而不会自动模糊.

见this working example