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

Question

I am adding attributes to element and it has styling to it. So I was able to add the html tags inside of ``. It is working sometimes and sometimes not.

When it is working:

$('.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>`
  });

The result for this is:

Size: Number of Subscribers, 11.5

This works fine

But when I do this:

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

The result for this:

<strong>yoyoyo</strong>

Why is my code not working at the second time?

Answer 1

This is silly, but it is working for the second one when I add data-html="true" at the HTML part of the code instead of adding it to the JS.

HTML Code:

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

And make the JS code:

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

Its dumb but it is working. I don't know why it was working passing it as a jQuery attribute in one part of the code and not the other.

Thank you everyone!

Answer 2

I am not sure that the ` type of ticks should work at all. I think you have discovered a quirk, and I don't think you should expect consistent behaviour from using a quirk; ie, it may only be working by accident, and the code that executes inside the interpreter (be it a browser, or otherwise) might not ever be tested for use with the ` character.

Replace all the ` with a " , and see how it behaves.