如何覆盖Twitter的引导提示?(How to overwrite twitter bootstr

2019-06-25 19:10发布

我使用的是从Twitter的引导包工具提示显示在页面上项目的信息。 有时,信息变更,需要在工具提示进行更新。 我想简单地重新初始化与新标题提示:

$('#selector').tooltip({ title: 'new text'});

但是提示的标题不会与新的文本改变。 它仍然是它最初设置相同。 任何想法为什么,有什么解决办法? 谢谢!

Answer 1:

更新:由于@奈杰尔-天使指出,V3拼焊板使用data('bs.tooltip')


一旦你有一个元素初始化它不能覆盖的工具提示对象。 但是,你可以删除它,做一遍。

尝试删除,然后重新初始化所有的选项提示(如果您有任何)。

$('#selector').data('tooltip',false)          // Delete the tooltip
              .tooltip({ title: 'new text'});

有可能是一个需要删除的听众,但它的工作原理类似。



Answer 2:

这种技术并没有为我工作,所以我找到了答案,藏在一个评论类似的问题的 。

更新提示的显示文字清晰的方式

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

谢谢lukmdo



Answer 3:

出于某种原因,这并没有为我工作(引导2.1.1)。 我所要做的就是:

    $('#element').tooltip('destroy');
    $("#element").tooltip({'placement':'right', 'title':'larger larger text title'});
    $("#element").tooltip('show');


Answer 4:

我用引导3,没有这些工作对我来说没有错误。 通过销毁提示.tooltip('destroy')并在相同的功能重新创建.tooltip({...})将导致工具提示不再工作。 它只有在娱乐电话,后来做了工作,后消灭的呼叫已经完成它的异步工作(所以为什么眼前的娱乐是打一顿)。

建议来破坏内部数据.data('tooltip',false)没有工作。 首先,自举3,这将是data('bs.tooltip, false)和被调用时,如果目前正在显示的提示,它会泄露它,离开它永久陈列。 新的工具提示会显示和隐藏在它的上面。

我最终的解决办法是:

$x.tooltip('hide');
$x.data('bs.tooltip', false);
$x.tooltip({ ... }) // recreate it

请注意,也可通过修改标题.attr('title', '...')和类似的解决方案,并呼吁.tooltip('fixupTitle')的工作-但丢弃placement选项,也有可能在其他选项,并做了提示,它被放置在顶部的元素,而不是右边,因为它原本是。 它甚至有一些上面列出的其他错误,在该解决方案的其他变化看到的,但我没有看更远。



Answer 5:

@Sherbrow您可以用最简单one.Need不要去这个复杂的解决方案。 下面是示例代码。

$('#spanUsername').prop('title', newValue);     


Answer 6:

这部作品在引导3,上述在这个线程提供的所有其他解决方案:

$('#tooltip_selector').attr('data-original-title', 'New Title Here');


文章来源: How to overwrite twitter bootstrap tooltip?