Добавление эффекта наведения

#jquery-plugins #hover

#jquery-плагины #наведите

Вопрос:

Я использую этот плагин jquery tickertype:

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

При наведении курсора мыши на ссылку ничего не происходит, что-то не так с моим кодом? У меня есть js внутри функции document.ready. Я думаю, что это может быть как-то связано с включением плагина tickerType, но, возможно, что-то не так с моим кодом 🙂

Любой совет помог бы!

Спасибо

Ответ №1:

Это потому, что код typewriter сериализует HTML, следовательно, удаляя любые события, прикрепленные к элементам.

Это работает с отключенным эффектом.

Вы можете использовать live() метод для привязки ваших событий, и он работает. Это работает, потому что оно напрямую не привязывает события, просто позволяет событиям перемещаться в document , где проверяется их происхождение, и если оно соответствует селектору, событие запускается.

jsFiddle.

Комментарии:

1. Не знаю, почему я не подумал попробовать это 🙂 это работает с отключенным эффектом, поэтому он должен делать что-то, как вы предлагаете, спасибо. Я приму этот ответ, когда смогу

2. @Pete Не беспокойтесь, я проверил это на себе. Я посмотрю, смогу ли я придумать для вас обходной путь. 🙂