【问题标题】:Why bootstrap's tooltip JavaScript initialization is necessary for custom style?为什么自定义样式需要引导的工具提示 JavaScript 初始化?
【发布时间】:2017-03-01 17:01:21
【问题描述】:

我想更改引导工具提示的默认样式,并且在关注W3Schools 文章之后我能够做到这一点。那篇文章以及其他SO post 建议使用类似下面的内容

/* Tooltip on top */
  .test + .tooltip.top > .tooltip-arrow {
      border-top: 5px solid green;
  }

这意味着我必须在工具提示元素上添加test 类。但我希望所有工具提示都具有相同的样式,所以我决定不添加 test

我的工作JSFiddle is here

但是,为了使自定义样式正常工作,我必须使用 javascript 初始化工具

$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();   
});

如果我删除此 javascript,工具提示仍然有效,但不显示自定义样式。

因此,无论我是否使用 javascript 对其进行初始化,工具提示都有效,但自定义样式仅在使用 javascript 对其进行初始化时才有效。为什么?

【问题讨论】:

    标签: twitter-bootstrap-3 twitter-bootstrap-tooltip


    【解决方案1】:

    来自Boostrap - Tooltips

    选择加入功能

    出于性能原因,Tooltip 和 Popover data-apis 是可选的,这意味着您必须自己初始化它们。

    【讨论】:

    • 但即使您不选择加入,工具提示仍然有效。如果我们只是将 title 属性添加到任何 html 元素,它会显示工具提示而无需选择加入
    • 即使没有 Bootstrap,工具提示也是默认功能。 Bootstrap 团队更愿意选择在“工具提示”中使用自定义,避免自动进行。
    猜你喜欢
    • 2015-09-17
    • 1970-01-01
    • 2019-01-14
    • 1970-01-01
    • 1970-01-01
    • 2016-07-25
    • 2020-12-09
    • 1970-01-01
    • 2016-05-07
    相关资源
    最近更新 更多