Javascript div单击调整iframe或基础div的大小?

Javascript div单击调整iframe或基础div的大小?,javascript,html,iframe,click,Javascript,Html,Iframe,Click,我没有收到div的回复,我只是想知道我做错了什么 谢谢 $('#click')。单击(函数(){ 警惕(“是”); }); 您正在使用。在JSFIDLE中单击,使用。单击 在添加活动之前,您需要确保文档已准备就绪,例如: $(document).ready(function() { $('#click').click(function() { alert('yes'); } }); 该死的,我没看见你。xdazz是对的。首先,如果这是jQuery,您必须使用。正如许多人所说,单击。

我没有收到div的回复,我只是想知道我做错了什么 谢谢


$('#click')。单击(函数(){ 警惕(“是”); });
您正在使用
。在JSFIDLE中单击
,使用
。单击


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

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

该死的,我没看见你。xdazz是对的。

首先,如果这是jQuery,您必须使用
。正如许多人所说,单击
。
阿尔法不是一个类,它是一个ID
我已在此处更改了您的CSS、脚本和HTML:



​ $(文档).ready(函数(){ $('#click')。单击(函数(){ 警惕(“是”); $('#alpha').removeClass('alpha').addClass('alphas'); }); }); ​ #点击{ z指数:2; 利润上限:-200px; 高度:200px; 宽度:200px; 背景色:#888; 不透明度:0.48; 过滤器:α(不透明度=48); } 阿尔法先生{ -webkit过渡:所有0.3版本都可以轻松过渡; -moz转换:所有0.3秒都会变慢; -o型过渡:所有0.3秒都会变缓; 过渡:所有0.3秒放松; -moz变换:比例(0.25); -moz变换原点:0; -o变换:标度(0.25); -o变换原点:0; -webkit变换:比例(0.25); -webkit转换源:0 } 阿尔法斯先生{ 不透明度:0.38; 过滤器:α(不透明度=38); -webkit转换:比例(1.5); -moz变换:比例(1.5); -ms变换:比例(1.5); -o变换:比例(1.5); 转换:比例(1.5); } ​
这是一个JavaScript问题(与Java不同)-重新标记。
$(“#单击”)
你确定这是纯JavaScript吗?谢谢,它现在正在响应;是否可以在单击时转换?您如何知道alpha不是id?当然,谢谢你的脚本功能!谢谢对不起,我不明白。无论如何,您可以在CSS中为ID指定样式,但它仍然是一个ID而不是类名。与您为任何HTML元素(如body、DIV等)提供样式相同。。
 $(document).ready(function() {
   $('#click').click(function() { alert('yes'); }
 });
<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);
}

​