在混合模式下的多點擊動作[jQuery]

我有x3視頻divs與x3播放divs在他們。有沒有什麼方法，當我點擊任何這些視頻div，所以我點擊的視頻觸發器。以下是我的代碼的意思是：在混合模式下的多點擊動作[jQuery]

$（文件）。就緒（函數（）{

$('.play').click(function() { 
    video = '<iframe style="margin-left:130px; margin-bottom:50px;" width="600" height="375" frameborder="0" src="' + $('img').attr('data-video') + '"></iframe>'; 
    $('.video').replaceWith(video); 
}); 

$('.play2').click(function() { 
    video2 = '<iframe style="margin-left:70px;margin-top:50px; margin-bottom:50px;" width="720" height="450" frameborder="0" src="' + $('img').attr('data-video') + '"></iframe>'; 
    $('.video2').replaceWith(video2); 
}); 

$('.play3').click(function() { 
    video3 = '<iframe style="margin-top:50px; margin-bottom:50px;" width="864" height="540" frameborder="0" src="' + $('img').attr('data-video') + '"></iframe>'; 
    $('.video3').replaceWith(video3); 
});

}）;

問題是：我必須點擊每一行的一行才能觸發。而且我希望當我點擊其中的任何一個來觸發。當我這樣做時，可悲的是總是第一個觸發，而不是我點擊的這個。謝謝！

編輯：這裏是html代碼：

<div class="video"> 
<div class="play"><i class="icon-play"> ► </i> 
</div> 
    <img src="http://i.imgur.com/9EcjYs8.jpg" data-video="http://www.youtube.com/embed/OgAr66JbvtU?autoplay=1"/> 
</div> 
<div class="video2"> 
<div class="play2"><i class="icon-play"> ► </i> 
</div> 
    <img src="http://i.imgur.com/IJAtO44.jpg" data-video="http://www.youtube.com/embed/bg4cdmrUPoQ?autoplay=1"/> 
</div> 
<div class="video3"> 
<div class="play3"><i class="icon-play"> ► </i> 
</div> 
    <img src="http://i.imgur.com/zPWy2ME.jpg" data-video="http://www.youtube.com/embed/mjwHO1b_tbE?autoplay=1"/> 
</div>

我假設我應該prolly加入IMG所以每個數據的視頻可能會從jQuery分別被觸發，但IDK的的ID，真。再次感謝。

來源

2013-10-28 Stoyan Denkov

數據，視頻屬性，你能告訴你的標記？在那一刻，你的'$（「img」）'選擇器拉回頁面上的所有圖像 – CodingIntrigue

的問題是你的onclick處理程序中，你有這樣的代碼：

$('img').attr('data-video')

這將始終評估爲同樣的事情（不管是哪個元素，你點擊）

我假設你大概想是這樣的：

$(this).attr('data-video')

氏s假設.play,.play2和.play3是img元素。

此外，你應該使用jQuery的數據API，並使用此：

$(this).data('video')

如果你打算使用jQuery，你還不如用它的所有功能，使您的生活更輕鬆。

編輯

有幾個方法，我可以形容，它會讓你解決這個問題，但最簡單的方法是，你只是把數據視頻屬性上<div class="play">元素。

爲你解決這個問題

最簡單的方法是把在

來源

2013-10-28 10:57:50 Adam

我試過了，但不知何故它沒有工作（很確定我做錯了什麼）。但是，我重申了這個話題，請看看它:) –

在混合模式下的多點擊動作[jQuery]

回答

相關問題