首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >div单击调整iframe或基础div的大小?

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

Stack Overflow用户
提问于 2012-08-31 22:36:32
回答 3查看 300关注 0票数 0

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

代码语言:javascript
复制
<div id="click"><br></div>

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

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-08-31 22:49:46

首先,如果这是jQuery,你必须像许多人说的那样使用.click。alpha不是一个类,它是一个ID我已经在这里更改了你的CSS、脚本和超文本标记语言:http://jsfiddle.net/7nF2t/89/

代码语言:javascript
复制
<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);
}

​
票数 0
EN

Stack Overflow用户

发布于 2012-08-31 22:39:12

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

代码语言:javascript
复制
 $(document).ready(function() {
   $('#click').click(function() { alert('yes'); }
 });

见鬼,没看到jsfiddle。xdazz是对的。

票数 1
EN

Stack Overflow用户

发布于 2012-08-31 22:39:09

您在jsfiddle中使用的是.onclick,请改用.click

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12217561

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档