如何通过jQ.append()传递换行符?

时间:2012-11-13 20:41:56

标签: jquery html append line-breaks

使用http://www.davidjrush.com/blog/2011/12/simple-jquery-tooltip/中的一些简单的jQ逻辑来创建一个简单的工具提示效果。

然而,当我在JQ代码中添加换行符时,一切都向南,逻辑停止工作(FF)。

使用:

$(this).append('<div class="tooltip"><p>This is a tooltip. It is typically used to explain something to a user without taking up space on the page.</p></div>');

不:

$(this).append('
<div class="tooltip"><p>This is a tooltip. It is typically used to explain something to a user without taking up space on the page.</p></div>
');

检查jQ文档时,它没有说明我发现这是一个问题。

任何人都知道它为什么会中断和/或我如何将换行符传递给jQ.append()

1 个答案:

答案 0 :(得分:3)

在追加内部你必须用反斜杠跳过换行符。

在你的情况下:

&#13;
&#13;
$(this).append('\
<div class="tooltip"><p>This is a tooltip. It is typically used to explain something to a user without taking up space on the page.</p></div>\
');
&#13;
&#13;
&#13;