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

前端之家收集整理的这篇文章主要介绍了如何在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

原文链接:https://www.f2er.com/html/227470.html

猜你在找的HTML相关文章