I assigned several bootstrap tooltips to some span elements.
I use this javascript / jquery code:
function tooltip()
{
$('.tooltipelement').tooltip({
trigger: 'click',
title:loadtranslation
});
}
function loadtranslation()
{
var id = $(this).attr("data-id");
$.post("ajax.php",{"mode" : "w1", "id" : id},function(data){
return "x";
});
}
It doesn't work: The tooltip is not shown. If I skip the ajax request like this:
function loadtranslation()
{
return "x";
}
The tooltip is shown and "x" is displayed. It is not a failure on the ajax request, because I even don't evaluate the result but just return "x" as well. I guess there is a kind of time-out issue (ajax request takes several milliseconds - mayto too long for the tooltip function?)