javascript - div 单击调整 iframe 或底层 div 的大小？

Question

我没有得到对 div 点击的响应只需要知道我在做什么错 http://jsfiddle.net/7nF2t/​​76/ 谢谢

<div id="click"><br></div>

$('#click').click(function(){
  alert('yes');
});

Answer 1

在添加活动之前，您需要确保文档准备就绪，例如：

 $(document).ready(function() {
   $('#click').click(function() { alert('yes'); }
 });

该死的，没看到jsfiddle。xdazz 是对的。

Answer 2

您.onclick在 jsfiddle中使用，请.click改用。

演示。

Answer 3

首先，如果这是 jQuery，你必须使用.click许多人所说的。并且#alpha 不是一个类，它是一个 ID，我在这里更改了你的 CSS、脚本和 HTML：http: //jsfiddle.net/7nF2t/​​89 /

<div id="alpha" class="alpha">
    <iframe id="iframe" src="http://time.is"></iframe>
</div>
<div id="click"><br></div>​

<script>
$(document).ready(function() {
    $('#click').click(function(){
      alert('yes');
      $('#alpha').removeClass('alpha').addClass('alphas');
     });
});
</script>​

#click {
    z-index:2;
    margin-top:-200px;
    height:200px;
    width:200px;
    background-color:#888;
    opacity:0.48;
    filter:alpha(opacity=48);
}
.alpha {
  -webkit-transition: all 0.3s ease-out; 
     -moz-transition: all 0.3s ease-out; 
       -o-transition: all 0.3s ease-out; 
          transition: all 0.3s ease-out; 

    -moz-transform:scale(0.25);
    -moz-transform-origin:0 0;
    -o-transform:scale(0.25);
    -o-transform-origin:0 0;
    -webkit-transform:scale(0.25);
    -webkit-transform-origin:0 0 
}

.alphas {
    opacity:0.38;
    filter:alpha(opacity=38);

    -webkit-transform: scale(1.5);
       -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
}

​