将事件悬停在 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);

这似乎行不通。我知道它需要两个函数，一个用于鼠标输入，一个用于鼠标离开。任何人都可以发布示例吗？

• 谢谢

Answer 1

悬

停不是事件，请使用mouseEnter。 悬停是注册 mouseenter 和 mouseleave 处理程序的实用方法

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

---

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

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