【问题标题】:Tooltipster maxWidth settingTooltipster maxWidth 设置
【发布时间】:2014-09-11 11:41:04
【问题描述】:

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

tooltipster-maxwidth

我已经检查并尝试在 javascript 文件中进行更改:

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

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

【问题讨论】:

    标签: javascript jquery tooltipster


    【解决方案1】:

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

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

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

    我希望这会有所帮助:)

    【讨论】:

    • 非常感谢先生!你上面提到的代码看起来和我的有点不同,但我仍然设法让它工作:;(function ($, window, document) { var pluginName = "tooltipster", defaults = { maxWidth: 500, };
    • 其实我之前已经试过了,但是忘了我用的是缩小版的 JS doh! :)
    • 我刚想说这看起来像缩小的代码;)没问题,它总是在这里供将来参考:D
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-12-11
    • 1970-01-01
    • 2023-03-30
    • 1970-01-01
    • 2011-12-16
    • 2022-01-09
    • 1970-01-01
    相关资源
    最近更新 更多