如何将样式定义添加到工具提示 html 字符串定义？答案

【问题标题】：How to add a style definition to a tooltip html string definition?如何将样式定义添加到工具提示 html 字符串定义？
【发布时间】：2016-09-13 13:31:46
【问题描述】：

我将Bootstrap tooltip 附加到 HTML 表单中的标签。到目前为止，工具提示在渲染中显示得很好。

但现在需要将样式添加到为该工具提示提供的 HTML 字符串中的 <tr> 标记。

我确实尝试像往常一样将样式定义添加到下面的标记中，但是会抛出语法错误，说明需要一个括号并且需要;：

$('#Event').tooltip({title: "<tr style="padding-bottom: 4px;" ><td><code>Current</code></td><td>Event is still active</td></tr>", html: true, placement: "right"});

问题：

在工具提示中设置 html 字符串样式的正确语法是什么？

【问题讨论】：

标签： javascript html twitter-bootstrap tooltip

【解决方案1】：

JS 中的字符串由一对匹配的引号分隔。例如：

var validStr1 = "hello";
var validStr2 = 'hello';
var validStr3 = "he'l'lo";
var validStr4 = 'he"""llo';
var invalidStr1 = "hello';
var invalidStr2 = "hel"lo";
var invalidStr1 = "hel"'lo';

您使用字符串作为工具提示函数的参数，因此您必须在代码中正确使用单引号和双引号。

$('#Event').tooltip({title: '<tr style="padding-bottom: 4px;" ><td><code>Current</code></td><td>Event is still active</td></tr>', html: true, placement: "right"});

【讨论】：