div 无响应 jQuery

Question

我运行遇到了 jQuery 的一些问题。我已经学习了 HTML 和 CSS，现在正在尝试让 div 影响 div。

我的 HTML 文档中有以下内容。

<div id="MinecraftVideo">
<iframe width="630" height="350" src="https://www.youtube.com/embed/MmB9b5njVbA" frameborder="0" allowfullscreen id="Minecraft"></iframe>
</div>

<img src="../Images/film_icon.png" id="picture_on">

<script> 

$(document).ready(function(){
$(“#picture_on”).click(function(){
$(“#MinecraftVideo”).animate({
opacity: '0.5'
    });
  });
});

</script>

我希望能够点击id="film_on"的图片，使影片id="MinecraftVideo"的透明度达到50%。

我已经尝试了上面的代码，但是 picture/button 仍然没有响应。你能给我指明正确的方向吗？

Answer 1

这里是工作代码，请在此处查看。

$(document).ready(function() {
  $('#picture_on').click(function() {
    $('#MinecraftVideo,#picture_on').animate({
      opacity: '0.5'
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="MinecraftVideo">
  <iframe width="630" height="350" src="https://www.youtube.com/embed/MmB9b5njVbA" frameborder="0" allowfullscreen id="Minecraft"></iframe>
</div>

<img src="http://2.bp.blogspot.com/-zNG-B0kXgRQ/U--a1LM-krI/AAAAAAAAFZk/S3pk18znFdY/s400-c/Best-Games.jpg" id="picture_on">

div 无响应 jQuery

Unresponsive jQuery on divs

html

jquery

button

opacity