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，你可以这样做：

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

您有输入错误，mouse-enter应为mouseenter。

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

2 个答案: