2014-12-07 116 views
2

我有一个主页,动态地写入JavaScript以处理潜在用户选择的鼠标悬停。但是,.bind(“mouseover”,function())似乎不起作用。JavaScript事件处理程序(鼠标悬停)没有触发

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。 。

+1

使用.on()而不是.bind() – 2014-12-07 19:28:58

+0

谢谢,但这似乎并没有真正改变任何做它的东西 – w0ffen 2014-12-07 19:48:44

回答

0

您可以尝试编写相同的代码这样

$( “#TB0”)绑定( “鼠标悬停” 功能(){

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

});

这可能会解决您的问题。因为我以前遇到过同样的问题,但是这样写就是固定的。

+0

。谢谢! – w0ffen 2014-12-07 20:07:26

相关问题