Question

当我点击启动引导模式的按钮，然后关闭模态时，按钮仍处于焦点位置。如何改变它。

 <a data-toggle="modal" href="#mymodal">Click me</a>

模态只有一个按钮＆＃34;好的＆＃34;，我试图编写一个jquery函数：

 function unfocus() {
     $('*:focus').blur();
 }

然后按钮如下：

 <button type="button" class="btn btn-default" data-dismiss="modal" onclick="unfocus()">OK</button>

但重点仍然放在＆＃34;点击我＆＃34;。如何删除它？

Answer 1

这可能是一种黑客行为，但如果您只是链接的ID，比如modalLink，您可以尝试以下方法：

$('#modalLink').on({
    focus: function () {
        $(this).blur();
    }
});

我认为只要设置了焦点，这样就会消除焦点，这在你的情况下可能没问题。

Answer 2

尝试为您的按钮和模态添加和ID，并使用On事件

$("#submitbutton_id").on('click', function () {
  if(! $("#modal_id").hasClass('in') ) {
    $("#your_element").blur();
  }
})

Answer 3

我认为这是设计在Bootstrap中，你可能想阅读这篇文章，尽管必须有比编辑bootstrap js更好的方法。我尝试了另一个解决方案，这似乎没有用，也许引导程序js以某种方式覆盖它？