我如何触发鼠标事件在iframe出现

Question

我已经尝试了一切，并不能得到下一个iframe的值，I帧是呼应了使用PHP。（下面的代码）

<div class="video" vid="'.$userID.'" '.$style.'"><iframe vid="'.$userID.'" width="200" height="200" src="http://www.youtube.com/embed/'.$urlLink.'?autoplay=1&wmode=transparent" frameborder="0" allowfullscreen></iframe></div> 

视频id来自数据库。我目前有两个视频，他们都显示不同的饲料，所以src工作正常，并且vid =“”是基于用户id设置的，这也正确地改变了每次（我已经使用检查元素对此进行了验证）。

即时通讯的问题是试图从鼠标上的div更改视图attr。使用下面的代码我收到一个弹出窗口，但视频ID不会改变。它只是提醒divs vid =“”值的第一个实例。

我真的坚持，所以任何建议将是伟大的。由于

伊恩

$(document).on('mouseenter','div.video',function(e){ 

    e.stopPropagation(); 

    var videoID = jQuery('div.video').attr("vid"); 

    alert(videoID); 

    }); 

Answer 1

你得到的集合中从第一个元素的值，因为你选择他们。要选择只是悬停元素使用this关键字：

$(document).on('mouseenter','.video',function(){ 
    var videoID = $(this).attr("vid"); 
    alert(videoID); 
});