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的引导工具提示问题

回答

相关问题