jquery – 在Bootstrap工具提示中显示长文本

前端之家收集整理的这篇文章主要介绍了jquery – 在Bootstrap工具提示中显示长文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在twitter引导工具提示显示一点长的文本。正如你在下面的图片中可以看到的,事情不会垮台。有没有人有一个容易修复溢出的bootstrap工具提示的文本?

EDIT(已添加请求代码):

在我的控制器:

<a href='" + Url.Action("Index","PP",new {id = productRow.ProductGuid,area = ""}) + "' " + 
          ((blTruncated) ? "class='auto-tooltip' title='" + productRow.ProductName.Replace("'","") : "") + "'>" + 
           productName + "</a>

在我看来:

$('.auto-tooltip').tooltip();

解决方法

我不知道你的代码
这里是一个具有较长工具提示值的示例:

元件:

<a href="#" rel="tooltip" title="Lorem ipsum dolor sit amet,consectetur adipiscing elit. Maecenas bibendum ac felis id commodo. Etiam mauris purus,fringilla id tempus in,mollis vel orci. Duis ultricies at erat eget iaculis.">Hover here please</a>

Js:

$(document).ready(function () {
  $("a").tooltip({
    'selector': '','placement': 'top','container':'body'
  });
});

Css:

/*Change the size here*/
div.tooltip-inner {
    max-width: 350px;
}

演示:on JsBin.com

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

猜你在找的jQuery相关文章