我如何觸發鼠標事件在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); 
});