jquery - 为什么在这种情况下我需要 live() ？

Question

我的情况有点奇怪。我理解 live() 和 bind() 函数的前提，但在我认为我不需要它们的情况下，我似乎需要它们。我会解释一下。

我在 jquery 中做了一个自动建议。我在页面顶部添加了 autosuggest.js。然后我有一个输入字段。

JS 的基础是这样工作的：

$(".autosuggest").keyup(function()
{
}

这可以工作 - 在 keyup 上，我的函数按预期执行等 - 我不需要使用 live() 或 bind() 因为输入字段从一开始就在页面上......

现在。我还制作了一个“星级评价者”式的脚本。 我有各种

元素（已设置样式），悬停时它们会重新设置样式...

 $('. rating li').mouseover(function() {
}

还不行

 $('. rating li').live('mouseover',function() {
}

是的。

为什么在这种情况下我需要使用“live”，而在自动建议的情况下不需要？

谢谢

Answer 1

我能想象的唯一会导致这种情况的事情是缺乏 domready 事件。这应该有效：

$(function () {
    $('.rating li').mouseover(function() {
    }
});

Answer 2

当您的 .mouseover() 不起作用时，. ratings li 尚未被解析。

您可以将其包装在 $(document).ready(function() {...}); 中或使用 .live() （这会为当前的任何内容创建绑定）在脚本中的该点进行解析以及将来添加的任何元素）。

Answer 3

你有没有放

$('.rating li').mouseover(function() {
}

in $(document).ready(function() {....} ?

即使您包含 .js 文件，如果页面中的元素（' rating li'）未加载，也不会进行绑定。

Answer 4

如果没有看到更多的代码，很难确定。但我的猜测是您的脚本在页面加载完成之前运行。尝试通过调用 $(document).ready(...) 来包装您的绑定（以及依赖于特定 dom 元素存在的其他任何内容）。

像这样的内容：

$(document).ready( function() {
    $('.rating li').mouseover(function() {
       // whatever
    });

    $(".autosuggest").keyup(function() {
       // whatever else
    });
});

如果不是这样，请发布更多代码，我们将进一步深入研究。

祝你好运。