Question

这对于了解Jquery更多关于我的人来说这是我的问题：

我正在使用bootstrap框架来创建我的网站我添加了一些工具提示来试试这些但我注意到我正在使用的代码不适用于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 Validation Service检查您的页面。在尝试解决任何问题之前，请确保它通过100％。

使用Bootstrap的工具提示

1 个答案: