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选项

回答

相关问题