Javascript div单击调整iframe或基础div的大小?
我没有收到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,您必须使用。正如许多人所说,单击。
$('#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);
}