предотвращает зависание от запуска события дважды

Question

Я пытаюсь получить предупреждение, чтобы работать, когда div зависает.

http://jsfiddle.net/4RgTS/248/

Мой текущий код (для DIV с именем «testdiv»)

$(document).ready(function() { 
    $("#testdiv").hover(function() { 
     alert('1'); 
    }); 
}); 

Это работает и показывает предупреждение, но на следующем движении мыши предупреждение показывается снова, хотя я я не вишу над div?

Спасибо, как всегда,

Answer 1

Это происходит потому, что если только одна функция-обработчик передается hover() используется для обоих mouseenter и mouseleave событий. Чтобы получить поведение, которое вы хотите, изменить использовать mouseenter только:

$("#testdiv").mouseenter(function() { 
    alert('1'); 
}); 

Updated fiddle

Answer 2

Я считаю, что вы хотите только .mouseenter() событие здесь:

$("#testdiv").mouseenter(function() { 
     alert('1'); 
}); 

Working Demo

Answer 3

Вы можете используйте $.one событие для обработки:

$(document).ready(function() { 
 
    $("#testdiv").one("mouseenter", 
 
    function() { 
 
     alert('1'); 
 
    }); 
 
});

#testdiv {background: #ccf;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div id="testdiv">Hover Me!!!</div>

---

Или, если я не получил свой вопрос прямо, вам просто нужно использовать mouseenter событие.

$(document).ready(function() { 
 
    $("#testdiv").on("mouseenter", 
 
    function() { 
 
     alert('1'); 
 
    }); 
 
});

#testdiv {background: #ccf;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div id="testdiv">Hover Me!!!</div>