【发布时间】:2021-04-06 15:49:58
【问题描述】:
这里发生了一个相当奇怪的场景。我正在尝试将工具提示添加到现有的 ASP.Net MVC 应用程序,在该应用程序中我将 Bootstrap 升级到 4.6.2。升级非常顺利,没有任何并发症;我只想用更好看的工具提示替换标题的默认显示,但由于某种原因它们没有出现。我试图通过创建一个新视图来隔离问题来简化事情,但仍然没有工具提示。我再次尝试了全新的解决方案,你不知道吗,它有效!所以我的问题不是“我如何创建工具提示”,而是“我如何调试失败的项目中发生的事情?”
这是我目前发现的。我相信您可以在这个几乎为空的视图的屏幕截图中看到所有相关的内容。所有包含的脚本文件都以正确的顺序存在,我的脚本在那里,正在初始化工具提示,并且控制台中没有任何消息。当我将鼠标悬停在链接上时,一个新的 <div> 元素被添加到 DOM 中。在 DevTools 中,我使用箭头展开树,在工具提示中显示所有内容。 .fade:not(.show) CSS 选择器是我看不到它的原因。在工作解决方案中,show 类已正确添加到工具提示的<div>。
那么,现有应用程序中是否有一些设置阻止添加show 类?工具提示代码中是否有问题,导致它永远不会添加show 类而不报告错误?我应该如何继续调试呢?我尝试遍历bootstap.js 文件,但作为一个JS 菜鸟,我有点迷路了。屏幕截图来自 Chrome,但我在 Firefox 中看到了相同的行为。
【问题讨论】:
标签: asp.net-mvc-4 bootstrap-4 twitter-bootstrap-tooltip