關閉對話框後，顯示模式對話框的按鈕上的工具提示重新出現

問題描述出現在標題中 - 當關閉模式對話框時，工具提示會重新出現。關閉對話框後，顯示模式對話框的按鈕上的工具提示重新出現

<script type="text/javascript"> 
    $(function() { 
     $('[data-tooltip="tooltip"]').tooltip(); 
    }); 
</script> 

<button type="button" class="btn btn-default" data-toggle="modal" data-target="#divModal" data-tooltip="tooltip" title="Tooltip!"> 
    <span class="glyphicon glyphicon-globe"></span> 
</button>

看到它發生在這裏： http://jsfiddle.net/2gdrL6sf/

來源

2014-09-05 ibiza

的問題是，當模式被關閉的按鈕獲得焦點。爲了解決再次顯示模式關閉後，你可以限制觸發提示的懸停，像這樣的提示：

$(function() { 
    $('[data-tooltip="tooltip"]').tooltip({ 
     trigger: 'hover' 
    }); 
});

我叉你的jsfiddle並有a working demo你可以看看。

希望有幫助！

來源

2014-09-05 05:55:47 jasonmerino

太棒了！它似乎在工作。我很好奇，是否有可能不關注模式關閉按鈕？ – ibiza 2014-09-05 05:58:39

我確定可以不對焦按鈕，但你必須追查是什麼導致焦點。有模態的事件顯示和隱藏，你可以掛鉤，可能有助於這一點。您可以[查看可用事件的文檔]（http://getbootstrap.com/javascript/#modals-usage）。 – jasonmerino 2014-09-05 06:02:05

好的，謝謝:)我相信我不是一個經驗豐富的JavaScript檢查框架的代碼..！ – ibiza 2014-09-05 06:03:24

關閉對話框後，顯示模式對話框的按鈕上的工具提示重新出現

回答

相關問題