Question

我正在使用插件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 
});

使用jquery工具提示插件的多个HTML行

1 个答案: