Question

我正在使用这个tickertype jquery插件：

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

我正在尝试将悬停效果附加到链接，该网站可以在这里找到：

但它根本不起作用，我的悬停代码看起来像这样：

  $(".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 />

当我将鼠标悬停在链接上时，没有任何反应，我的代码有问题吗？我在A document.ready函数中有js。我认为它可能与包含tickerType插件有关，但它可能对我的代码可能有问题：）

任何建议都会有所帮助！

由于

Answer 1

这是因为打字机代码序列化HTML，因此删除附加到元素的任何事件。

It works with the effect off

您可以使用live()方法绑定您的活动，但它可以正常运行。这是有效的，因为它不会直接附加事件，只是让事件冒泡到document，其中检查了原点，如果它与选择器匹配，则触发事件。

jsFiddle

附加悬停效果

1 个答案: