Javascript 事件处理程序(鼠标悬停)未触发

Question

我有一个动态编写 JavaScript 的主页，以便处理潜在用户选择的鼠标悬停。但是，.bind("mouseover",function()) 似乎不起作用。

PHP 生成如下脚本:

<script type="text/javascript">
   function setPreview(art, title, rt, excerpt) {
     $("#boxPreview").attr("src", art);
     $("#selectedTitle").text(title);
     $("#runningTime").text(rt);
     $("#excerpt").text(excerpt);
   }

   $(document).ready(function() {
     $("#tb0").bind("mouseover",setPreview(url,title,running time,excerpt));
     $("#tb1").bind("mouseover",setPreview(url,title,running time,excerpt));
     $("#tb2").bind("mouseover",setPreview(url,title,running time,excerpt));
     $("#tb3").bind("mouseover",setPreview(url,title,running time,excerpt));
</script>

但是，鼠标悬停事件似乎永远不会触发。相反，似乎当页面完全加载时，setPreview 会针对最后一个元素(#tb3)运行。

我不知道我做错了什么。如果您想亲自查看该页面的运行情况，可以查看 here .

Answer 1

您可以尝试编写与此相同的代码

$("#tb0").bind("鼠标悬停", function(){

    setPreview(url,title,running time,excerpt);

});

这可能会解决您的问题。因为我之前也遇到过同样的问题，但通过这种方式解决了。