javascript - 为什么我的 `` 有时工作而其他人不工作？

Question

我正在向元素添加属性并且它具有样式。所以我能够在 `` 中添加 html 标签。它有时有效，有时无效。

工作时:

$('.card-text')
  .text((size_avg).replace(/G/,'B'))
  .attr({
    'data-html': "true",
    'data-original-title': `<strong><u>Size: </u></strong> Number of Subscribers, <strong>`+ addCommas(Math.round(size_avg)) + `</strong>`
  });

结果是:

规模订阅者数量，11.5

这很好用

但是当我这样做时:

$('.card-text')
  .text(Math.round(act_sub).replace(/G/,'B'))
  .attr({
    'data-html': "true",
    'data-original-title': `<strong>yoyoyo</strong>`
  });

结果:

<strong>yoyoyo</strong>

为什么我的代码第二次不起作用？

Answer 1

这很愚蠢，但当我在代码的 HTML 部分添加 data-html="true" 而不是将其添加到 JS 时，它适用于第二个。

HTML代码:

 <p class="card-text lg-metric-val" data-container="body" data-toggle="popover" data-placement="bottom" data-html="true">-</p>

并编写JS代码:

$('.card-text')
   .text(Math.round(act_sub).replace(/G/,'B'))
   .attr({'data-original-title': `<strong>yoyoyo</strong>`
});

它很笨，但它很管用。我不知道为什么它在代码的一部分而不是另一部分中将它作为 jQuery 属性传递。

谢谢大家!