这是用在一个靴带波波弗。
正在开发的活动页面可以查看这里。
这一定很简单,但我哪儿也找不到。在数据内容属性中,我想在“日期评估:10-11月13日”和“结果: CR= .使用BR或P标记不起作用”之间强制段落或行间隔,它显示文字标记。在Javascript中强制行中断,您使用\n在引用字符串中如何在HTML中进行相同的操作?
<td class="setWidth concat"><div class="boldTitle"><a href="#"
class="tip" rel="popover" data-trigger="hover"
data-placement="top"
data-content="Date Assessed: 10-Nov-13 <br />
Results: Cr = 2.2 mg/dl"
data-original-title="Out of Range">
<span style="color:red"
class="glyphicon glyphicon-warning-sign"></span> Cr = 2.2 mg/dL</a></div></td>
发布于 2014-04-04 22:34:14
参见最后一次更新:引导使您能够指定内容是HTML而不是文本。
这完全取决于bootstrap对popover效果的实现。如果他们使用的是$('.popover').html($(this).data('content'))
,那么它应该“只起作用”。如果他们首先使用$('.popover').text($(this).data('content'))
或以其他方式转义data-attribute
的结果,那么可能不会。
如果引导程序的实现没有按照您希望的方式工作,那么编写您自己的javascript来处理您想要的效果可能会得到更好的服务。
有关正确工作的data-attribute
中断行的示例,请参阅此小提琴:
http://jsfiddle.net/g32tw/1/
更新:我用第二个链接更新了小提琴,这个链接产生了您正在经历的错误,这很可能是引导程序实现的工作方式。
更新:只是查看了引导程序的文档。您是否尝试过将"data-html" = "true"
添加到元素中?
来源:http://getbootstrap.com/javascript/#popovers-usage
注意,如果内容是最终用户提供的,使用html
选项可能会使您受到XSS攻击漏洞的影响。如果你相信这些数据,那就没问题了。有关跨站点脚本的信息,请参见https://www.acunetix.com/websitesecurity/cross-site-scripting/。
发布于 2014-04-04 21:50:21
我不确定你能不能。您可以尝试有两个数据项:
data-assessdate="Date Assessed: 10-Nov-13"
data-results="Cr = 2.2 mg/dl"
然后用Javascript重新组装,然后显示:
var summary = this.dataset;
var newhtml=summary.assessdate . "<br />" . summary.results;
然后将newhtml
写入您想要的任何地方的DOM。
https://stackoverflow.com/questions/22873466
复制相似问题