悬停事件未触发

Question

on hover事件永远不会被调用。有谁知道为什么？

function prepare(){
    ... AJAX CALL...
    var embed = '<video preload="auto" class="videos_class" "><source src="'+webmUrl+'" type="video/webm"></video>';

    $( "<h1> "+title+" </h1>"+embed  ).appendTo( "#videos_div" );
}

...

$(document).ready(function(){

    prepare();

    $("video").hover(function(){
        this.play();
    },function(){
        this.pause()
  });
});

Answer 1

试试document.on。它应该与DOM准备好后添加的元素一起使用。进一步的调查显示，document.on和hover不会混合，但是单独的mouseover / mouseout处理程序应该可以解决这个问题：

$(document).on('mouseover', 'video', function(){
    $(this).play();
});

$(document).on('mouseout', 'video', function(){
    $(this).pause();
});

jquery .on() docs