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

我现在使用jQuery工具提示插件在数据输入过程中为用户创建一些快速提醒。这里是我使用的jQuery工具提示： http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/在jQuery工具提示插件中添加新行

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

我试过下面的代码，但仍然无法完成。

<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>

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

谢谢〜

来源

2012-01-04 Hei

您确定要在href属性中显示该文本吗？浏览器通常不会将其视为有效的网址。 – Emyr 2012-01-04 09:05:06

我觉得

<br/>

应该做的伎俩。

例如：

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

来源

2012-01-04 09:02:41 Paulius

你有没有试过你的HTML。您不能将标签放入HTML属性中。 – Samich 2012-01-04 09:05:51

我试过用萤火虫，它的工作。 – Paulius 2012-01-04 09:19:00

我很惊讶这种方法，因为它完美的工作。我甚至没有想过它，就像之前Samich所说的那样，通常我们不能将标签放在HTML属性中，但我认为jQuery UI以某种方式为我处理。无论如何，你摇滚！ Paulius。 – Hei 2012-01-05 01:18:49

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

来源

2012-01-04 09:03:05 nav

在进行基于Web的开发时，CSS是我最大的敌人之一。不过，我认为我应该尝试一下你的方法。谢谢。 – Hei 2012-01-05 01:23:39

你可以“编码”你换行和使用bodyHandler属性，如：

文档显示链接到在href一个#ID，这将显示#ID的内容的例子。所以，放置一个元素与你的某处#ID您的网页上，并specifiy，作为提示，如：

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

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

来源

2012-01-04 09:21:09 kontur

这是一个伟大的方法，像魅力一样工作。谢谢。 – Hei 2012-01-05 01:22:50

不客气:) – kontur 2012-01-05 07:24:34

我用这种方式（jQuery的1.9和标准提示功能）：

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

然后在标题，您可以使用HTML

例子：

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

来源

2013-02-01 14:26:54 adek

你不能只是贴为H TML作为字符串，正如其他人说你必须使用内容。

来源

2014-02-21 08:46:13 Destro

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

回答

相关问题