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;
}
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.
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.
In Qtip2, it has changed to jquery style ui events
$('.selector').qtip({
events: {
render: function(event, api) { }, // old onRender
show: function(event, api) {}, // old beforeHide (return false or call event.preventDefault() to stop the show)
hide: function(event, api) {} // old beforeHide (same as above)
}
})
精彩评论