.one is not working properly on javascript

Question

I need to execute my javascript function once and I am using this code

$('.hov').one('mouseenter', function() {
alert('You will only see this once.');
imageSliderNews.reload();
});    

but strangely it is not working properly.If I change .one to .live, then it executes correctly but I need it to execute only once. Can anyone explain why. Thanks in advance!

Answer 1

Try calling this inside of $(document).ready()

It's possible that your elements don't yet exist in the DOM by the time you attach your handler.

Answer 2

You're executing the code before there's an element with class "hov" in the DOM. Move your .one() call to a place where you know the element exists.