Question

我正在使用Bootstrap Tooltip。我启用了Tooltip html，允许我使用p = re.compile(r'(?:as)|(?:nd)') df['valid'] = np.where(df.Author.str.contains(p), 1, 0)属性中的html范围。

我在动态更新范围内的值时遇到问题。

请参阅演示：https://jsfiddle.net/DTcHh/38497/

如果您点击更新工具提示按钮，工具提示应更改为：title

出了什么问题？

jQuery的：

10 x 20

HTML

  $(function() {
    $('[data-toggle="tooltip"]').tooltip({
      html: true
    });

    $('body').on('click', '.update', function() {
       $('.a').text(10);
       $('.b').text(20);
    });
  });

Answer 1

.a和.b不是DOM中的元素。只有当您尝试将鼠标悬停在工具提示上时才会创建它们。

因此，不要更改它，只需将a data-original-title更改为更新后的文字。

例如：

$('body').on('click', '.update', function() {
       $("a").attr("data-original-title", "<span class='a'>10</span> x <span class='b'>20</span>");
});

Updated Fiddle

Answer 2

将$('body').on('click',...更改为$('.update').on('click', function(){ $('[data-toggle="tooltip"]').attr('title', '10 x 20'); });。

动态更新Boostrap工具提示

2 个答案: