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
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