ajax返回的数据无法识别HTML标记

Question

我有一个jquery函数，它从PHP / MYSQL脚本中提取数据。数据具有<br>作为数据字符串的一部分。当我使用jQuery.append()将其附加到DOM时，它不会像<br>那样正确呈现。

我正在使用Handlebars将数据插入DOM。

追加到dom：

$('ul.special-deals').append(template(item));

数据字符串：

当你花费超过10欧元时

免费意大利肉丸和spaghetii <br>

输出就是：

免费意大利肉丸和spaghetii＆lt; br＆gt;当你花费超过10欧元时

页面无法识别<br>。

模板：

<li> 
    <a href="#" class="restaurantItem" restaurant={{item.estName}} address={{estAddr}}>
        <img src="{{img_link}}" width="60" height="60" alt=""/>
        <div class="img-det">
            <strong class="title">{{title}}</strong>
            <p>{{desc_short}}<br/>
                Expires: {{expiry_date}}
            </p>
            <em class="price">{{price}}</em> 
        </div>
    </a>
    <a href='dealDetail.html?id={{id}}' class="det-link">Detail</a>
</li> 

任何帮助都将不胜感激。

非常感谢

Answer 1

这个<br>是否包含在desc_short？

中

如果是这种情况，您是否尝试过使用三重括号？

<p>{{{desc_short}}}</p>

这将输出内容而不进行任何HTML转义，这是您在这种情况下所需要的。