多个HTML线与jQuery插件提示(Multiple HTML lines with jquery

我使用的插件http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/创建具有JQuery的工具提示，但我不能创建包含3（或更多）行HTML代码工具提示。

我需要呈现如下所示的内容工具提示（显然是动态生成的内容的此它只概念证明）

<p>Line1</p>
<p>Line2 <span style="...">blah blah</span></p>
<p>Line3</p>

该showBody财产只有标题属性似乎适用。

发现问题

显然jquery.html（“...”）需要一个根标签，否则产生一个空字符串。

我的原代码

bodyHandler: function() {
  return $("<span id='caption'>line1</span>"
         + "<span id='tags'>line2</span>");
}

需要用虚拟根标签的jQuery去除写

bodyHandler: function() {
  return $(
        "<root-dummy-tag>"
        + "<span id='caption'>line1</span>"
        + "<span id='tags'>line2</span>"
        + "</root-dummy-tag>"       
      );
}

Answer 1:

如果您创建的HTML钩子，你想渲染：

<a href="#" id="tt">Tooltip</a>

<div id="tooltip-content">
  <p>Line1</p>
  <p>Line2 <span style="...">blah blah</span></p>
  <p>Line3</p>
</div>

并使用bodyHandler方法加载自定义内容：

$("#tt").tooltip({ 
    bodyHandler: function() { 
        return $("#tooltip-content").html(); 
    }, 
    showURL: false 
});

文章来源: Multiple HTML lines with jquery tooltip plugin