使用Bootstrap的工具提示

Question

這對於了解Jquery更多關於我的人來說這是我的問題：

我正在使用bootstrap框架來創建我的web我已經添加了一些工具提示來嘗試這些但是我注意到我使用的代碼不適用於2個或更多工具提示

我的意思是，這是JS的代碼：

<script>
    $(function () {
        $('#tooltips').tooltip();
    });
</script>

這是調用工具提示的代碼：

<a href='#' id='tooltips' data-placement='top' title='this is a tooltip'>

我確定如果我放置代碼我將能夠使用它2個或更多的工具提示，但我不能。

要恢復：我想知道為什么我不能將它用於2個或更多工具提示而不是一個，因為我不想讓4個工具提示的10行JS

Answer 1

您不能在頁面中多次使用相同的id值。 請改用class 。 這是一個非常常見的錯誤。

<script>
    $(function () {
        $('.tooltips').tooltip();
    });
</script>

<a href='#' class='tooltips' data-placement='top' title='tooltip'>...</a>
<a href='#' class='tooltips' data-placement='top' title='another tooltip'>...</a>
<a href='#' class='tooltips' data-placement='top' title='another tooltip'>...</a>

在嘗試調試javascript或css之前，您應該使用HTML驗證服務來檢查您的頁面。 在嘗試解決任何問題之前，請確保它通過100％。