【问题标题】:How to change placement of Twitter-Bootstrap tooltip placement after initialization?初始化后如何更改 Twitter-Bootstrap 工具提示的位置?
【发布时间】:2012-04-16 21:17:11
【问题描述】:

我想在文本框初始化后更改 Bootstrap 工具提示的位置:

// these don't work
$('#myTextbox').tooltip({ placement: 'left' });
$('#myTextbox').tooltip('options', 'placement', 'right' });

有什么办法吗?如果是这样,我做错了什么?

【问题讨论】:

    标签: twitter-bootstrap tooltip


    【解决方案1】:

    在 Bootstrap 2.x 中,答案是 ajbeaven 状态:

    $('#myTextbox').data('tooltip').options.placement = 'right';
    

    但是,从 Bootstrap 3 开始,所有 Bootstrap 数据都使用bs 命名空间:

    $('#myTextbox').data('bs.tooltip').options.placement = 'right';
    

    【讨论】:

      【解决方案2】:

      啊,找到答案了:

      $('#myTextbox').data('tooltip').options.placement = 'right';
      

      【讨论】:

      • 太棒了...我需要更改标题,而这个 ".data('tooltip').options.title = message" 真的很有帮助...谢谢!
      • 你能考虑一下我的情况吗:我在悬停事件上启动我的工具提示。然后我用这个技巧改变了标题(通过控制台检查),但工具提示没有立即重新渲染。它仍然有一个旧标题(工具提示始终可见)。初始化后我应该怎么做才能重新渲染工具提示?
      • 我的第一个建议是不要在悬停时初始化工具提示,而是在呈现您悬停的元素时。如果你不能或不会这样做,那么做一些像$('.element').tooltip('hide'); $('.element').tooltip('show'); 这样的hacky 或自己手动更改工具提示内容。
      • 知道 bootstrap3 中应该是什么吗?我尝试应用上面的代码,但它会在控制台显示选项未定义时失败。
      • @noobcode,indigomonkey 发布了另一个答案,应该可以为您解决这个问题:)
      【解决方案3】:

      添加到Ben Cox 的响应中,在 Bootstrap 4 中使用:

      $('#myTextbox').data('bs.tooltip').config.placement = 'right';
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2012-09-20
        • 1970-01-01
        • 2013-01-13
        • 1970-01-01
        • 2012-05-13
        • 2016-07-25
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多