javascript .onclick如何隱藏其他.onclick選項

好的我正在使用代碼在視頻上方疊加照片，也就是說，視頻中的div被隱藏，直到有人點擊照片。這是我使用的代碼。javascript .onclick如何隱藏其他.onclick選項

<img src="http://ericavain.com/wp-content/uploads/2013/02/ravaughn.jpg" alt="ravaughn" width="610" height="390" class="aligncenter image" /> 
<div class="videobox" style="display:none;"> 
<iframe width="610" height="390" src="http://www.youtube.com/embed/rpVctT8BuVc" frameborder="0" allowfullscreen></iframe> 
</div>

，這裏是腳本

<script> 
$(function() { 
    $('.image').click(function() { 
     $(this).hide(); 
     $('.videobox').show() 
     $('.videobox')[0].play(); 
    }); 
}); 
</script>

我有代碼設置是，如果有人點擊具有類.image，則照片會消失，視頻將顯示照片的方式。

現在好了問題是，如果我在主頁上使用.image類有多個帖子，並且有人點擊第一篇文章的照片，那麼它會使第二篇文章中的圖像消失，因爲它具有同班同學很好。

有沒有一種方法可以做到這一點，以便當人點擊該帖子的圖像時，它會消失，而不是讓所有類別爲.image的圖像消失。

來源

2013-02-28 user2098563

你能提供更多的代碼嗎？同時你可以試試這個

$(function() { 
    $('img').click(function() { 
     var video = $(this).next('.videobox'); 
     $(this).hide(); 
     video.show() 
     video[0].play(); 
    }); 
});

這樣，你的下一個.videobox到該圖像的工作。更清晰的方法是使用data屬性將圖像鏈接到視頻，或將它們放在同一個容器中。

來源

2013-02-28 21:48:41 martriay

這一切都讓我的代碼:(@martriay – user2098563 2013-02-28 21:50:17

請問我的解決方案的工作？ – martriay 2013-02-28 21:50:34

肯定的，但視頻沒有在所有現在表明，圖像hises這是正確的，但現在視頻也隱藏@martriay – user2098563 2013-02-28 21:53:58

javascript .onclick如何隱藏其他.onclick選項

回答

相關問題