jQuery asTooltip Examples
Options
position
$(".tooltip").asTooltip();
North West
North
North East
West
Center
East
South West
South
South East
Trigger
$(".tooltip-ajax").asTooltip({
trigger: 'click',
position: 'ne'
});
click show
Ajax
$(".tooltip-ajax").asTooltip({
ajax: true
});
ajax content
Mosuce Trace
$(".tooltip-ajax").asTooltip({
mouseTrace: true
});
mouseTrace area
Interactive
$(".tooltip-ajax").asTooltip({
interactive: true
});
Interactive with popup
Autoposition
$(".tooltip-ajax").asTooltip({
autoPosition: true
});
Autoposition
Inline
$(".tooltip-inline").asTooltip({
inline: true,
title: '#tip'
});
// add content from next siblings
$(".tooltip-inline-siblings").asTooltip({
inline: true,
title: '+'
});
Inline
hello
this is inline content
Inline-siblings
hello
this is inline siblings
Skin
$(".tooltip-ajax").asTooltip({
skin: 'sea'
});
I have a 'sea' skin
API
var api = $("#api_tooltip").asTooltip();
$('#api_show').on('click',function(){
api.show();
});
$('#api_hide').on('click',function(){
api.hide();
});
$('#api_update').on('click',function(){
api.update();
});
$('#api_disable').on('click',function(){
api.disable();
});
$('#api_enable').on('click',function(){
api.enable();
});
$('#api_destory').on('click',function(){
api.destory();
});
I have a tooltip