-2

我正在尝试显示myPosters包含 HTML 代码的数组内容。
但是，此 HTML 代码不被视为 HTML，因为它是根据一些可以理解的 gwt 代码创建的。
这就是代码的呈现方式：This is a Title <br> This is a Description
而不是这个，<br>我想转换它，并插入一个“真正的”断线。

我已经尝试将photoCaptiondiv 中的代码“转换”为text()然后转换为html()，使用：$('#photoCaption').text($('#photoCaption').html());
但在这种情况下，而不是<br>我得到&lt;br&gt;

我怎样才能摆脱这种情况，并将信息呈现为“真实”的 HTML 代码？

注意：将鼠标移到第一张图片上即可查看问题！

还应该考虑到实际代码中有一个“图像滑块”，它会更改呈现的图像和相应的photoCaption内容。

JSFIDDLE

4

4 回答 4

3

只需更改此行

$('#photoCaption').text(myPosters[0]);

对此

$('#photoCaption').html(myPosters[0]);

小提琴

编辑

我阅读了您对另一个答案的评论，试试这个，然后：

http://jsfiddle.net/mgJLp/25/

基本上它所做的是修复鼠标悬停的文本，并跟踪它是否已修复，否则它会在您移动鼠标时继续尝试修复，从而完全删除换行符。

于 2013-06-07T14:16:27.763 回答
2

你的 jquery 离你不远了，下面的作品在你的小提琴中：$('#photoCaption').html($('#photoCaption').text());

于 2013-06-07T14:22:24.103 回答
0

你正朝着错误的方向逃跑。

您需要将目标的HTML设置为源的文本。

于 2013-06-07T14:11:15.323 回答
0

与您的 JSFIDDLE 相关，请使用：

var myPosters = ["This is a Title  \<br\> This is a Description","Title 2"];

和

$('#photoCaption').html(myPosters[0]);
于 2013-06-07T14:16:01.847 回答