Javascript 事件处理程序（鼠标悬停）未触发答案

【问题标题】：Javascript event handler (mouseover) not firingJavascript 事件处理程序（鼠标悬停）未触发
【发布时间】：2014-12-07 19:26:46
【问题描述】：

我有一个动态编写 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>

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

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

【问题讨论】：

使用 .on() 代替 .bind()
谢谢，但这似乎并没有真正改变任何事情

标签： javascript php jquery bind mouseover

【解决方案1】：

您可以尝试编写类似这样的代码

$("#tb0").bind("mouseover" , function(){

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

});

这可能会解决您的问题。因为我之前也遇到过同样的问题，但是这样写就解决了。

【讨论】：