【问题标题】:Focus after closing Bootstrap Modal关闭 Bootstrap Modal 后的焦点
【发布时间】:2015-11-12 05:04:42
【问题描述】:

Bootstrapsmodal 的默认行为似乎是在您关闭 modal 时将注意力集中在用于打开 modal 的链接上。

当我关闭它时,我试图将焦点从我单击以打开modal 的链接上移开。它不必专注于任何具体的事情,而不是打开链接。

到目前为止,我的代码似乎什么也没做:

    <script type="text/javascript">
   $('#myModal').on('hide.bs.modal', function (e) {
        $('.close').on("click", function() {
            $("#profile").blur();
        });
    });
    </script>

【问题讨论】:

    标签: jquery twitter-bootstrap bootstrap-modal


    【解决方案1】:

    当模态隐藏而不是执行$("#profile").blur(); 行时,您的代码将事件侦听器附加到类.close 的元素。

    你可以这样做

     $('#myModal').on('hidden.bs.modal', function (e) {
         $("#profile").blur();
     });
    

    【讨论】:

    • 那会发生什么?模糊方法被解雇了吗?如果您还没有这样做,您可能希望将代码添加到文档就绪包装中。
    • 是的,它被触发了,我将代码包装在 document.ready 中
    • 代码现在可以正常工作了
    猜你喜欢
    • 2022-07-05
    • 1970-01-01
    • 2017-12-14
    • 2021-08-30
    • 2018-02-17
    • 1970-01-01
    • 2014-02-09
    • 2017-12-04
    • 1970-01-01
    相关资源
    最近更新 更多