ツールチップのhtml文字列定義にスタイル定義を追加するには？

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