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

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

The demo.

Answer 3

首先，如果这是jQuery，你必须使用.click，因为很多人说。 AND #alpha不是CLASS它是一个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);
}

div点击调整iframe或底层div？

3 个答案: