2016-03-03 47 views
-1

當我點擊啓動引導模式的按鈕,然後關閉模式時,該按鈕仍處於焦點狀態。如何改變它。如何在botstrap模式關閉後從按鈕中移除焦點?

​​

的模式只有一個 「確定」 按鈕,我試圖寫一個jQuery函數:

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

,然後按鈕是這樣的:

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

但重點仍然放在「點擊我」上。如何刪除它?

+0

爲什麼不在'文件'上重點關注?我有一種感覺,因爲':focus'選擇器只是一個僞指令,它依賴於主要元素。 –

回答

0

嘗試添加id爲你的按鈕和模式,並使用在事件

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

我認爲這是在引導設計,你可能需要閱讀這篇文章,但必須有一個更好的辦法比編輯引導js。我嘗試了另一種解決方案,似乎沒有工作,也許引導js覆蓋它不知何故?

bootstrap-modal-restores-button-focus-on-close

1

這可能是一種黑客攻擊,但如果你只是一個ID,你的鏈接,說modalLink,你可以嘗試以下方法:

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

我認爲這將只是刪除焦點設定時的焦點,這可能是你的情況。