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

Question

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

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

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

Answer 1

回到触发器元素的焦点是使用.one()绑定在模态插件中设置的,遗憾的是,绑定不能被绑定.好消息是我们可以这样做:

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

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

见这个工作示例