引導模式 - 在返回焦點接近與的tabindex =「 - 1」

Question

我使用的引導模式打開一個窗口，但在關閉窗口的焦點不返回到打開它的鏈接，而是容器，裏面有的tabindex = 「 - 1」。代碼片段如下：

我想這是因爲我使用的tabindex =「 - 1」關於跳過鏈接我的主要內容區域：

<div id=」main」 tabindex=」-1」> 
    <p>Main content goes here</p> 
    <a href=」#」>a link in the main body</a> 
</div> 

如何克服這個問題的任何幫助？

Answer 1

使用此：

$(document).on("click", "[data-toggle='modal']", function() { 
    var trigger = $(this) 
    var modal = $(trigger.data("target")) 

    // When bootstrap's modal "hidden" event fires, return focus to the trigger 
    // Notice the binding is using $.fn.one as opposed to using $.fn.on 
    modal.one("hidden.bs.modal", function() { trigger.focus() }) 
}) 

這會聽與屬性「數據切換的任何元素=‘模式’ 並返回焦點一旦模態它控制關閉

這可以被細化。由選擇器delegation改變到特定的觸發：

$("#myachor").on("click", function() {..}) 

Bootstrap modal events docs