Bootstrap工具提示不显示带有特殊字符的文本

时间:2013-04-23 04:04:32

标签: javascript html twitter-bootstrap

Bootstrap工具提示如果包含特殊字符或标记,则无法正确显示文本。目前我有一个像<checkme>test</checkme>这样的文本,但它只显示了工具提示中的“测试”。尝试逃避特殊字符,但它不起作用。

提前致谢。

2 个答案:

答案 0 :(得分:1)

如果没有示例,很难知道您的具体问题是什么。但是,我花了几秒钟的时间将这个fiddle

中的一个工作示例放在一起
<div id="hexcode" title="&copy; Jacob">
  My tooltip reads an HTML character code.
</div>

<script type="text/javascript">
  $("#hexcode").tooltip({ trigger: 'hover' , placement: 'right' });
</script>

此外,如果您希望在工具提示选项对象中指定所需的文本,JavaScript接受/解释Unicode序列,如O'Rielly here所述。

修改以反映新信息:

<div id="hexcode" title="&lt;checkme&gt;test&lt;/checkme&gt;">
  My tooltip reads an HTML character code.
</div>

http://jsfiddle.net/jshado1/MDCeQ/6/

答案 1 :(得分:1)

在MVC中存在一个HTML Helper来解释html特殊字符。这是@ Html.Raw(变量)