Firefox的引導工具提示問題

我剛剛將Firefox從48.0更新爲48.0.1，現在我看到Bootstrap工具提示有問題。看着在Firebug的HTML，看來Firefox是在頁面的底部，是不是在這個.jsp添加新<div>：Firefox的引導工具提示問題

<div id="tooltip404721" class="tooltip fade top in" role="tooltip" style="top: 162.4px; left: 1220.5px; display: block;"> 
    <div class="tooltip-arrow" style="left: 50%;"></div> 
    <div class="tooltip-inner">Delete</div> 
</div>

僅當工具提示附加到一個按鈕發生 - 鏈接不受影響。鏈接和按鈕是jQuery DataTables表中的列元素。鏈接與按鈕代碼的工具提示部分是相同的。

鏈接：

<td><a class="btn btn-info btn-xs" href="<c:url value='/recipe/viewRecipe/${recipe.id}'/>" 
data-toggle="tooltip" data-placement="top" title="<spring:message code="tooltip.view"></spring:message>"> 
<span class="glyphicon glyphicon-list-alt"></span></a>

按鈕：

<td><button class="btn btn-danger btn-xs" type="button" id="delete${recipe.id}" onclick="deleteRecipe(${recipe.id}, 
'<spring:escapeBody javaScriptEscape="true">${recipe.name}</spring:escapeBody>')" 
data-toggle="tooltip" data-placement="top" title="<spring:message code="tooltip.delete"></spring:message>"> 
<span class="glyphicon glyphicon-remove"></span></button>

此數據表，具體設置是在.js文件中包含的PA GE：

$('[data-toggle="tooltip"]').tooltip({ 
    container : 'body' 
});

刪除上述擺脫的額外<div>但隨後的提示不再與引導格式顯示。向按鈕本身添加data-container="body"也不起作用。

任何想法？

編輯： 雖然我剛剛注意到問題，我降級到47.0.1，仍然看到問題。我會繼續降級以查明該版本的起始版本。我不認爲這是我的代碼，因爲生產版本與我的開發版本有相同的問題。此外，這不會發生在Chrome中，但它在Edge中。

來源

2016-08-23 LWK69

我不認爲你的瀏覽器或版本有什麼關係用它。引導工具提示總是創建一個額外的（'div'）元素來顯示工具提示。你可以做一個演示來顯示問題嗎？ – thirtydot

我同意。我剛剛檢查運行Firefox 45的筆記本電腦上的生產網站，並且該版本中也出現該問題。很顯然，由於我在Chrome中沒有看到問題，所以我跳到了錯誤的結論。這是我在最近的一個版本中改變的。當我（希望）找到它時，我會檢查併發布更新。 – LWK69

我發現了這個問題。我有一個函數應用於所有頁面，這些頁面將表單頁面的輸入焦點設置爲第一個窗體控件。這是因爲菜單包含一個搜索輸入和按鈕，否則將獲得焦點而不是第一個輸入。

function setInputFocus() {$(':input:visible:enabled:eq(2)').focus();}

出於某種原因，我現在不記得我感動的代碼來切換提示（見問題）上述這個重點代碼。這意味着數據表第一行中的第一個按鈕最終獲得了焦點，因此在顯示頁面時可以看到工具提示。移動工具提示後此焦點代碼解決了問題。

很顯然，我應該更小心站點範圍內的代碼，針對特定的問題，但最終被應用到所有的網頁...

來源

2016-08-24 13:40:31 LWK69

Firefox的引導工具提示問題

回答

相關問題