附加一個懸停效果

Question

我使用這個tickertype jQuery插件：

http://www.hungry-media.com/code/jQuery/tickerType/

而且我試圖附加懸停效果的鏈接，該網站可以在這裏找到：

http://dougmolineux.com/json/

但它只是不工作，我懸停的代碼如下所示：

$(".mylink").hover(
     function() { 
     alert("test"); 
     console.log("is this working?"); 
     //$("#test").html($(this).attr("id")); 
     //$(this).addClass("hover"); 
     }, 
     function() { 
     //$(this).removeClass("hover"); 
     } 
    ); 

而且我的鏈接看起來像這樣：

"<a href="#" class="mylink" id="home">home</a>": "example glossary",<br /> 

當我將鼠標懸停在鏈接沒有反應，是什麼錯我的代碼？我有一個document.ready函數中的js。我認爲這可能與包含tickerType插件有關，但它可能與我的代碼有可能是錯誤的:)

任何建議都會有幫助！

由於

Answer 1

這是因爲，打字機代碼序列化HTML，因此滴附着到元件的任何事件。

It works with the effect off。

你可以使用live()方法來綁定你的事件，它的工作原理。這是有效的，因爲它不直接附加事件，只是讓事件冒泡到document這裏檢查它的原點，並且如果它匹配選擇器，事件就會被觸發。

jsFiddle。