Question

I have a tooltip that I want to disable. It is from this site and is basically set and called as follows:

this.tooltip = function(){....}
$(document).ready(function(){
 tooltip();
});

I don’t want to unbind the hover or mouseover events since they are also tied to other effects. I have tried to disable without success as follows (at the bottom of the page):

 $(document).ready(function(){
  this.tooltip = function() {}
 })

and

 $(document).ready(function(){
  function tooltip() {}
 })

Am I missing something?

Answer 1

EDIT:
Heres a thought… try taking your override out of the ready statement. That way it should override the function definition before onReady is ever fired.

this.tooltip = function(){return false;};

---

That wont work because the script calls itself in an external file, thus if you try to make it a blank function before hand then it overrides it, and if you do it afterwards it has already run, so while you override it it has already added its event handlers to the stack. You could jsut not include the file on the pages where you dont want the tooltips.

An easy way to handle this is to make the event handlers named functions instead of anonymous, then you can easily unbine only those functions from the event stacks with $('a.tooltip').unbind('click', tooltipClick); Ofcourse the more thorough way is to refactor it in to your own plugin with remove option or something of that nature. Also there are several tooltip plugins for jQ out there and im sure at least one, if not all will allow for disabling.