Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jQuery qTip - Trigger before create

i try to trigger someFunction() before the qtip is created

$('.selector').qtip({
   content: {
      text: someFunction(this.id) }
});

This code works but i think this is a dirty solution. Is there maybe a start: event like in the most jquery plugins (for example draggable)? I found nothing about this it in the documentation.

EDIT: Ok, this code wont work. He trigger the function on pageload and not onhover.

UPDATE:

function someFunction(someId)
{
    // some code ...
    var searchResult = ' ... some results from the search -> from '+someId+' ... ';
    return searchResult;

}
like image 555
Peter Avatar asked Sep 15 '11 07:09

Peter


2 Answers

You need to pass someFunction, not someFunction(). The latter calls the function and assigns the return value to text and then never calls the function again. By passing the function itself qTip will see the function and call it when necessary.

like image 147
ThiefMaster Avatar answered Nov 15 '22 07:11

ThiefMaster


Use the Callback option beforeShow : , it's a better way to do this.

Reference here.

Remove brackets from someFunction as well.

$('.selector').qtip({
    api : {
        beforeShow : function (someId)
        {
            // some code ...
            var searchResult = ' ... some results from the search -> from '+someId+' ... ';
            // place text in tooltip
        }
    }
});

Working Sample.

like image 36
AlexBay Avatar answered Nov 15 '22 06:11

AlexBay