Tooltipster maxWidth设置

时间:2014-09-11 11:41:05

标签: javascript jquery tooltipster

有人可以帮助我。我正在寻找在Tooltipster工具提示气泡上设置maxwidth的解决方案。我不是在谈论激活工具提示的区域,我在谈论工具提示泡沫本身。当我在工具提示中放入一些文本句子时,它会从屏幕的左侧延伸到右侧,有时会离开页面。我希望能够将最大宽度设置为400px,其中任何超出的东西都会被分解为新的一行。

tooltipster-maxwidth

我已经检查并尝试在javascript文件中更改此内容:

maxWidth 设置工具提示的最大宽度。默认值:null(无最大宽度)

但什么都没发生。它仍然像在屏幕截图中一样。可能是因为我已经将它应用于段落标签了吗?我尝试将它应用于span标签,但它做了同样的事情。

1 个答案:

答案 0 :(得分:8)

使用Tooltipster提供的maxWidth选项是在初始化工具提示本身时需要传递到tooltipster()函数的选项,即

$('.tooltip').tooltipster({
    // Other setup goes in here as key:value pairs
    'maxWidth': 500   
});

从上面的示例中,这将“限制”您的工具提示占据最大宽度500像素。我设置了一个非常简单的JSFiddle,其中显示了自定义maxWidth选项的各种示例,可以帮助您解决语法问题。

我希望这会有所帮助:)