Question

I have a simple html page, with many links.

When a link is hovered over, it calls a function dothis() that changes the contents of a div on the page, but I only want it to run the function once for each link no matter how many times it is hovered over.

For example, if the user hovers over a particular link, moves the mouse away and hovers again, it will not load the function again (each link has this 1 hover limit, so the user could hover over link A, then link B can still run the function when hovered over (but only once for each link)).

I have jquery loaded if that makes things easier.

Any ideas how I can do this?

Answer 1

use

.one() 

jQuery API.

Description: Attach a handler to an event for the elements. The
handler is executed at most once per element.