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