Jquery 在ajax加载的图像上调用函数

每次将鼠标悬停在图像上时，您都会在某些div（“标题栏”）上看到它的标题（来自alt标记）。下面的脚本对除通过jquery ajax加载的图像之外的所有图像都执行此操作

<script>
jQuery(document).ready(function () {    
$('img').hover (function(event){

    var $t1 = $('#tab1 #titlebars');
    var $href = $(event.target).parent('a').attr('href');
    var $tx = $('<a href="'+$href+'" style="float:right">'+this.alt+'</a>' ); 

    $('#tab1 #titlebars a').remove();
    jQuery($t1).append($tx);

  });
});
</script>   

---

请帮助我在#sandbox

上加载的图像上产生相同的效果。您需要使用jQuery将事件绑定到动态添加的元素

jQuery(document).ready(function () {    
$(document).on('hover', 'img', function(event){

    var $t1 = $('#tab1 #titlebars');
    var $href = $(event.target).parent('a').attr('href');
    var $tx = $('<a href="'+$href+'" style="float:right">'+this.alt+'</a>' ); 

    $('#tab1 #titlebars a').remove();
    jQuery($t1).append($tx);

  });
});

jQuery（document）.ready（函数（）{
$（文档）.on（'hover'，'img'，函数（事件）{
变量$t1=$（“#表1#标题栏”）；
var$href=$（event.target）.parent（'a'）.attr（'href'）；
变量$tx=$（''）；
$（'表1'标题栏a'）。删除（）；
jQuery（$t1）.append（$tx）；
});
});

您可以使用jQuery语法捕获新创建元素上的事件：

$('img').live('hover', function(event){

    var $t1 = $('#tab1 #titlebars');
    var $href = $(event.target).parent('a').attr('href');
    var $tx = $('<a href="'+$href+'" style="float:right">'+this.alt+'</a>' ); 

    $('#tab1 #titlebars a').remove();
    jQuery($t1).append($tx);

});

$（'img'）.live（'hover'，函数（事件）{
变量$t1=$（“#表1#标题栏”）；
var$href=$（event.target）.parent（'a'）.attr（'href'）；
变量$tx=$（''）；
$（'表1'标题栏a'）。删除（）；
jQuery（$t1）.append（$tx）；
});

.live

从jQuery 1.7开始就不推荐使用。对不起，我上次使用jQuery是1.5:）在这里发布了一个相关问题，请帮助

$('img').live('hover', function(event){

    var $t1 = $('#tab1 #titlebars');
    var $href = $(event.target).parent('a').attr('href');
    var $tx = $('<a href="'+$href+'" style="float:right">'+this.alt+'</a>' ); 

    $('#tab1 #titlebars a').remove();
    jQuery($t1).append($tx);

});