CSS&&Bootstrap:tooltips的简单应用
Name | Type | Default | Description |
---|---|---|---|
animation | boolean | true | Apply a CSS fade transition to the tooltip |
container | string | false | false |
Appends the tooltip to a specific element. Example: |
delay | number | object | 0 |
Delay showing and hiding the tooltip (ms) - does not apply to manual trigger type If a number is supplied, delay is applied to both hide/show
Object structure is: |
html | boolean | false |
Insert HTML into the tooltip. If false, jQuery‘s text method will be used to insert content
into the DOM. Use text if you‘re worried about XSS attacks. |
placement | string | function | ‘top‘ |
How to position the tooltip - top | bottom | left | right | auto.
When a function is used to determine the placement, it is called with the tooltip DOM node as its first argument and the triggering element DOM node as its second. The |
selector | string | false | If a selector is provided, tooltip objects will be delegated to the specified targets. In practice, this is used to enable dynamic HTML content to have tooltips added. Seethisandan informative example. |
template | string |
‘<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>‘ |
Base HTML to use when creating the tooltip.
The tooltip‘s
The outermost wrapper element should have the |
title | string | function | ‘‘ |
Default title value if
If a function is given, it will be called with its |
trigger | string | ‘hover focus‘ | How tooltip is triggered - click | hover | focus | manual. You may pass multiple triggers; separate them with a space. |
viewport | string | object | { selector: ‘body‘, padding: 0 } |
Keeps the tooltip within the bounds of this element. Example:
|
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。