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

前端之家收集整理的这篇文章主要介绍了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

猜你在找的Bootstrap相关文章