Jquery悬停/鼠标中心功能不起作用

Question

标题。我查过多个例子，但都没有效果，比如-

$(".thumb-link").on({
  mouseenter: function() {
    alert("yay");
  },
  mouseleave: function() {
    alert("boo");
  }
});

$(document).on('mouse-enter', '.thumb-link', function(e) {
  alert("yay");
});

$(document).on('hover', '.thumb-link', function(e) {
  alert("yay");
});

我以前用过悬停功能，我觉得我快疯了。为什么这些不起作用？

编辑-是因为链接是从数据库生成的问题吗？即使是这样，jquery也必须有某种方法来应用悬浮函数。相同的元素具有可工作的单击函数。

Answer 1

有个错误

$(document).on('mouse-enter','.thumb-link',function(e){
    alert("yay");
});

mouse-enter应该是mouseenter

如果您必须使用hover，您可以这样做：

​

$('.thumb-link').hover(
  function(e) {
    alert("yay");
  },
  function(e) {
    alert("boo");
  }
)

.thumb-link {
  height: 100px;
  outline: 1px red solid;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="thumb-link"></div>

​

Answer 2

您有一个错误，mouse-enter应该是mouseenter。