发布
社区首页 >问答首页 >使用Bootstrap的工具提示

使用Bootstrap的工具提示
EN

Stack Overflow用户
提问于 2013-08-07 10:43:05
回答 1查看 57关注 0票数 0

好吧,这是给那些对Jquery有更多了解的人,这是我的问题:

我正在使用bootstrap框架创建我的web,我添加了一些工具提示来尝试这些工具提示,但我注意到我使用的代码不适用于2个或更多的工具提示

我的意思是,这是JS的代码:

代码语言:javascript
代码运行次数:0
复制
<script>
    $(function () {
        $('#tooltips').tooltip();
    });
</script>

下面是调用工具提示的代码:

代码语言:javascript
代码运行次数:0
复制
<a href='#' id='tooltips' data-placement='top' title='this is a tooltip'>

我确信如果我将代码放入其中,我将能够将其用于2个或更多的工具提示,但我不能。

继续:我想知道为什么我不能将它用于2个或更多的工具提示,而不是1个,因为我不想用10行JS来表示4个工具提示

EN

回答 1

Stack Overflow用户

发布于 2013-08-07 10:49:19

您不能在一个页面中多次使用相同的id值。请改用class。这是一个非常常见的错误。

代码语言:javascript
代码运行次数:0
复制
<script>
    $(function () {
        $('.tooltips').tooltip();
    });
</script>
代码语言:javascript
代码运行次数:0
复制
<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%。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18093755

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档