jQuery AJAY 实时悬停事件？

Question

抱歉，我再次问这个问题，但我找不到解决方案。我知道那里有一些帖子，但对我来说似乎没有任何作用。我正在使用 jquery load() 方法加载网站的一部分。我会将以下规则应用于其中的所有链接：

$('.file a').live('click', function(e) {
    alert('click event firde');
});

此单击事件工作得非常好。 但是我也想在这些链接上有一个悬停事件：

$('.file a').live('mouseover mouseout', function(event) {
    if (event.type == 'mouseover') {
    alert('why doesn't the hover event fire????');
 } else {
    // do something on mouseout
    }
});

我不知道为什么我的悬停事件不会触发？我可以只将一个带有 live 的事件处理程序应用于特定的选择器吗？？？

有什么想法吗？

Answer 1

您想要单独绑定事件，如下所示：

$('.file a').live('mouseenter', function() {
  //hover code
}).live('mouseleave', function() {
  //stopped hovering code
});

我们使用 mouseenter 和 mouseleave 因为这些是 .hover() 绑定到。

Answer 2

根据 jQuery 文档，“从 jQuery 1.4.1 .live() 开始，可以接受多个以空格分隔的事件...”。因此，只要您至少使用 v.1.4.1，就应该没问题。我发现的唯一问题是这一行：

alert('why doesn't the hover event fire????');

这应该是

alert("why doesn't the hover event fire????");

You had a single quote in a stringliteral by singlequotes 。这将导致该语句及其后的任何语句失败。

讽刺的是，Stack Overflow 的代码着色也在线上失败了。 :)

Answer 3

您确定至少使用 jquery 1.4.1 吗？任何低于该值的代码都将不起作用。