Question

我现在正在使用jQuery工具提示插件在数据输入期间为用户创建一些快速提醒。这是我正在使用的jQuery工具提示： http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

但是，我遇到了一个问题。如何在工具提示的正文中添加新行？

我已尝试过以下代码，但仍然无法完成。

<a href="Local Number: 2255-1234 \n Foreign Number:" id="TelephoneGuide" title="Data Input Example:">?</a>
<a href="Local Number: 2255-1234 &#010; Foreign Number:" id="TelephoneGuide" title="Data Input Example:">?</a>

所有人都可以帮我解决这个问题吗？

感谢〜

Answer 1

我认为

<br/>

应该这样做。

例如：

<a href="Local Number: 2255-1234 <br/> Foreign Number:" id="TelephoneGuide" title="Data Input Example:">?</a>

Answer 2

你的意思是换行吗？我建议使用CSS规则为锚标记添加边距。否则在2个<br />标记之间插入一些a。

Answer 3

您可以“编码”换行符并使用bodyHandler属性，例如：

文档显示了链接到href中#id的示例，它将显示该#id的内容。因此，在页面上的某处放置一个元素和#id，并指定为工具提示，如：

<a id="yourLink" href="Hello#world">Some text</a>

$("#yourLink").tooltip({ 
    bodyHandler: function() { 
        var href_value = $(this).attr("href");
        return href_value.replace("#","<br/>");
    }
});

Answer 4

我正在以这种方式使用它（jQuery 1.9和标准工具提示功能）：

$(".myClass").tooltip({
    content: function() {
        return $(this).attr('title');
    }
})

然后在标题中你可以使用HTML

示例：

<span title="Line1 <br> Line 2 <br> <b>Bold</b><br>">(?)</span>

Answer 5

您不能只将HTML粘贴为字符串，因为其他人说您必须使用内容。

在jQuery工具提示插件中添加新行

5 个答案: