Bootstrap 3工具提示不起作用

Question

遵循一个非常过时的bootstrap教程，但它的结构非常好，所以试图完成课程。我已经能够通过查看bootstrap文档解决大多数问题，并且我有点坚持在主索引.php页面上使工具提示工作。请记住，我是web dev的新手。

如果脚本位于同一个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中。它不会起作用，我尝试了不同的方式，并通过SO搜索过去几乎所有的建议，似乎没有任何工作。我知道myscript.js正在被加载，因为我有另一个函数用于将鼠标悬停在菜单下拉列表上，控制台上也没有错误。

在myscript.js内部

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

我也试过这个：

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

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

Answer 1

代码还可以，我不知道你的bootstrap版本以及你如何设置所以我猜可能是问题所在。

此外，您尝试添加/var/lib/elasticsearch/elasticsearch/nodes/0/indices/DixLGLrJRXm1gSYcFzkzzw# ls 0 1 2 3 4 _state 工具提示，但需要一些空间才能显示，请查看以下示例。

left

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

#mybtn {
  margin-left: 200px;
  margin-top: 100px;
}

Answer 2

此问题的正确答案是chrome缓存。我使用开发工具来禁用缓存。 Disabling Chrome cache for website development 当我偶然发现另一个问题时，我发现了。