Анимационные эффекты на динамически загружаемом контенте - jQuery

Question

$(function() {
 $("a").hover(
  function() {
   $(this).animate({color: "blue"}, 400);
  }, function() {
   $(this).animate({color: "white"}, 400);
 })
 $(".left").fadeOut("slow").load("created.php").fadeIn("slow");
})

Я хочу, чтобы ссылки (а) со страницы созданного .php имели эффект наведения.Как я могу это сделать?

Answer 1

Используйте live для привязки обработчиков. Таким образом, любое новое «а», загруженное на страницу, также получит эффект наведения.

$(function() {
     $("a").live(
     { mouseenter: function() {
             $(this).animate({color: "blue"}, 400);
          }, 
       mouseleave: function() {
            $(this).animate({color: "white"}, 400);
          }
     })
     $(".left").fadeOut("slow").load("created.php").fadeIn("slow");
});

Примечание: С live, hover занимает только один обработчик. Альтернативой является указание обработчиков mouseenter и mouseleave.

Answer 2

Вы хотите использовать метод jquery live .

 $("a").live( {mouseover: function() {
    // do something on mouseover
  },
mouseout: function() {
    // do something on mouseout
  }
});