Question

我有一些html div具有相同的类名（'test'），还有一个jQuery函数，它在.test hover时工作。我怎么能停止功能工作，直到另一个div再次悬停？

<script>
$(".test").mouseover('hover', function(event) {
    console.log('hover');});
</script>
<html>
    <div class="test"></div>
    <div class="test"></div>
    <div class="test"></div>
    <div class="test"></div>
</html>

Answer 1

您可以使用解决方案https://jsfiddle.net/3w87wdyu/1/

＆＃13;

$(".test").mouseenter(function(event) {
  console.log('hover');
}).mouseleave(function(event){
  console.log('mouse out');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="test">test 1</div>
<div class="test">test 2</div>
<div class="test">test 3</div>
<div class="test">test 4</div>

＆＃13;

请使用mouseenter＆amp; mouseleave。不要在hover内使用mouseover，没有任何意义..

希望这会对你有所帮助。

javascript如何防止重复鼠标悬停功能？

1 个答案: