2014-12-07 183 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

相關問題