在jquery中的函数内部悬停事件

Question

  thumbnail.on('click', data, click_pressed);
  function click_pressed(info) {
        var details_shower = $(".details-showers");
        details_shower.empty();
        details_shower.css("display", "table");
        details_shower.append(
            $("<img>").attr("src", info.data.movies[info.target.id].posters.detailed),
            $("<h3>").text(info.data.movies[info.target.id].title)
            );
    }

这很有效。但是如何才能为悬停事件做到这一点？

 thumbnail.on('hover', data, click_pressed);

这似乎不起作用。我知道它需要两个函数，一个用于mouseenter，一个用于mouseleave。任何人都可以发布一个例子吗？

• 感谢

Answer 1

hover不是活动，请使用mouseenter。 hover是一种注册mouseenter和mouseleave处理程序

的实用方法

thumbnail.on('mouseenter', data, click_pressed);

---

如果要在鼠标离开时重置details-showers元素，则

thumbnail.on('mouseenter', data, click_pressed).on('mouseleave', data, function(){
    $(".details-showers").empty()
});