javascript - 使用 Bootstrap 带有工具提示的东西

Question

这是为那些更了解 Jquery 的人准备的，这是我的问题:

我正在使用引导框架来创建我的网站 我添加了一些工具提示来尝试这些 但我注意到我正在使用的代码不适用于 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>

您应该使用HTML Validation Service在尝试调试 javascript 或 css 之前检查您的页面。在尝试解决任何问题之前，请确保其通过 100%。