2014-09-11 57 views
2

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

tooltipster-maxwidth

我已经确认并尝试在JavaScript文件中更改此:

maxWidth 设置工具提示的最大宽度。默认:空(没有最大宽度)

但是什么也没有发生。它仍然看起来像它在截图中的样子。难道是因为我已经将它应用于段落标记?我尝试将其应用于span标签,但它做了同样的事情。

回答

5

一个与Tooltipster给出的maxWidth选择是一个需要当你初始化工具提示本身要传递到tooltipster()功能,即

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

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

我希望这有助于:)

+0

非常感谢您先生!你上面提到的代码看起来矿有点不同,但我还是设法得到这个工作: '(函数($,窗口,文件){ \t VAR pluginName =“tooltipster”, \t \t默认值= { \t \t \t maxWidth:500, \t \t};!' – Jonny 2014-10-02 08:30:53

+0

其实我已经尝试过在此之前却忘了我用的是精缩JS DOH :) – Jonny 2014-10-02 08:33:51

+0

我正要说,看起来像缩小的代码;)没有问题,它总是在这里供将来参考:D – zesda 2014-10-02 09:14:09