引導3工具提示不起作用

在一個非常過時的引導教程之後，它的結構非常好，所以試圖完成課程。我已經能夠通過查看bootstrap文檔來解決大多數問題，並且我在主index.php頁面上使工具提示工作時有點困難。我記住，我是web dev的新手。引導3工具提示不起作用

如果腳本位於同一個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]' }); 
});

任何建議，爲什麼不工作？

來源

2017-06-17 kodaman

此問題的正確答案是鉻緩存。我使用開發工具來禁用緩存。 Disabling Chrome cache for website development 我發現當我偶然發現另一個問題。

來源

2017-06-17 21:55:10 kodaman

代碼是好的，我不知道你的引導版本和你如何設置，所以我可以猜測這可能是問題。

此外，您嘗試添加left工具提示，但您需要一些空間才能顯示，請檢查以下示例。

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

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

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

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

來源

2017-06-17 20:05:10

是的，我知道左邊的工具提示，只是擔心現在獲取工具提示的功能。 Boostrap安裝很好，我使用了其他功能，例如NavBar和下拉菜單。我還有頭部標籤內部的boostrap css，js和jquery。 – kodaman

引導3工具提示不起作用

回答

相關問題