加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

发布时间:2020-12-18 00:19:48 所属栏目:安全 来源:网络整理
导读:关闭模态后,我似乎无法模糊按钮. $('#exampleModal').on('hidden.bs.modal',function(e){ $('button').blur(); }); 我已经尝试了上面的内容,它似乎仍然没有模糊.我几乎尝试了一切.唯一的解决方案是设置超时并在模型完成隐藏转换后将其模糊.更好的解决方案?
关闭模态后,我似乎无法模糊按钮.
$('#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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读