Question

我将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字符串样式的正确语法是什么？

Answer 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"});

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

1 个答案: