Bootstrap modal восстанавливает кнопку фокуса на закрытии

Question

Я в очень трудной борьбе с одним эффектом, который, как мне кажется, нужен в Bootstrap, но я хочу убежать. У меня есть кнопка:

<a data-toggle="modal" data-target="#video" class="btn btn-primary btn-lg" href="#">Video<i class="pe-7s-angle-right pe-2x pe-va" style="line-height: 0.3;"></i></a> 

который открывает модальное окно с некоторым видео:

<div class="modal fade video-lightbox in" id="video" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: block;"><div class="modal-backdrop fade in" style="height: 442px;"></div> 

Так что, когда я закрываю модальный, моя кнопка попадет в фокусе автоматически. Этот эффект нужен в Bootstrap и как я могу его избежать? Я не хочу, чтобы моя кнопка была в фокусе после закрытия модального.

Answer 1

Решенный это путем удаления

d.trigger("focus")  

в bootstrap.min.js:

a.fn.modal = b, a.fn.modal.Constructor = c, a.fn.modal.noConflict = function() { 
    return a.fn.modal = d, this 
}, a(document).on("click.bs.modal.data-api", '[data-toggle="modal"]', function(c) { 
    var d = a(this), 
     e = d.attr("href"), 
     f = a(d.attr("data-target") || e && e.replace(/.*(?=#[^\s]+$)/, "")), 
     g = f.data("bs.modal") ? "toggle" : a.extend({ 
      remote: !/#/.test(e) && e 
     }, f.data(), d.data()); 
    d.is("a") && c.preventDefault(), f.one("show.bs.modal", function(a) { 
     a.isDefaultPrevented() || f.one("hidden.bs.modal", function() { 
      d.is(":visible") && d.trigger("focus") 
     }) 
    }), b.call(f, g, this) 
}) 

Answer 2

Вы можете просто написать функцию в свой файл custom.js.

$(document).ready(function() { 
    $('.close')on("click", function() { 
     $(".btn").blur(); 
    }); 
}); 

Answer 3

кнопки размытости при модальных закрывается.

$('body').on('hidden.bs.modal', '.modal', function() { 
    $('.btn').blur(); 
});