如何在Foundation的工具提示中使用html?

是否可以在Foundation的工具提示中使用html?

解决方法

是.它支持title属性中的html.

来自foundation.tooltip.js:

create : function ($target) {
  var $tip = $(this.settings.tip_template(this.selector($target),$('<div></div>').html($target.attr('title')).html())),...

打破它会创建一个包含在div中的新元素,并使用html()方法将title属性内容插入到div中,该方法将字符串中的任何标记转换为html元素.

以下代码

<img src="example.png" 
     class="general-infotip has-tip tip-top"  
     data-tooltip 
     title="<b>This is bold</b> This is not" />

将导致工具提示看起来像

This is bold This is not

相关文章

Mip是什么意思以及作用有哪些
怎么测试Mip页面运行情况
MIP安装的具体步骤有哪些
HTML添加超链接、锚点的方法及作用详解(附视频)
MIP的规则有哪些
Mip轮播图组件中的重要属性讲解