当前位置:  开发笔记 > 编程语言 > 正文

无法更改bootstrap Tooltip标题

如何解决《无法更改bootstrapTooltip标题》经验,为你挑选了2个好方法。

我已经查看了几个关于堆栈溢出的帖子,几乎问了同样的问题,但我在这些问题上找到的并没有帮助.我对JQuery和Bootstrap很新,所以也许我只是错过了一些非常简单的事情.

我希望能够在第一次初始化之后更改不同元素上的工具提示的标题(理想情况下,在初始化之后多次.)我正在处理的简化版本:



...



$(document).ready(function(){
            $('#bag0').data('tooltip',false)          
                  .tooltip({ title: 'new text'});
            $('[data-toggle="tooltip"]').tooltip();

});

这个更改标题的方法来自发布:如何覆盖twitter bootstrap工具提示?

工具提示始终显示为"test".我用其他一些东西修补了无用的东西.我怀疑我忽略了一些显而易见的事情.



1> Help..:

$(element).attr('title', 'NEW_TITLE').tooltip('fixTitle').tooltip('show');

以上代码可能对您有所帮助

$ .tooltip(string)调用Tooltip类中的任何函数.如果你看一下Tooltip.fixTitle,它会获取data-original-title属性并用它替换标题值.

您可以使用元素id或类使其更具体.

救命 :)


fixTitle不是列出的有效参数之一。https://getbootstrap.com/docs/4.1/components/tooltips/#methods`未被捕获的TypeError:没有名为“ fixTitle”的方法

2> 小智..:

尝试这个

$(element).tooltip().attr('data-original-title', "new title");

来源:github bootstrap问题

推荐阅读
牛尾巴2010
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有