Bootstrap 3 工具提示不起作用

Question

遵循一个非常过时的引导教程，但它的结构非常好，所以尝试完成课程。我已经能够通过查看引导文档来解决大多数问题，并且我在使工具提示在主 index.php 页面上工作方面有点困难。请记住，我是网络开发新手。

如果脚本位于同一个 php 文件上，我可以让工具提示正常工作。如下所示：

<script>
    $(document).ready(function(){
        $('[data-toggle="tooltip"]').tooltip();
    });
</script> 

身体内部：

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip : left">Tooltip : Left</button>

但是，如果我从 index.php 中删除脚本，并将其放入 myscript.js 中。这是行不通的，我尝试了不同的方法并进行了搜索，所以尝试了过去的几乎所有建议，但似乎没有任何效果。我知道 myscript.js 正在加载，因为我有另一个函数用于将鼠标悬停在菜单下拉菜单上，控制台上也没有错误。

myscript.js 内部

$("[data-toggle='tooltip']").tooltip();  

我也尝试过这个：

$(document).ready(function() {
    $("body").tooltip({ selector: '[data-toggle=tooltip]' });
});

关于为什么不起作用的任何建议？

Answer 1

此问题的正确答案是 chrome 缓存。我使用开发工具来禁用缓存。为网站开发禁用 Chrome 缓存 是我偶然发现另一个问题时发现的。