Question

情况是这样的...

HTML :

   <div id="cw">
        <div id="c"></div>        
   </div>
   <a href="#">click me</a>

CSS :

#cw {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 100px 200px 0 200px;     
    padding: 10px;
}

#c {
    background: blue;
    display: block;
    height: 200px;
    width: 200px;    
}

-gt;"http://jsfiddle.net/F6FF2/4/" rel="no follow" >http://jsfiddle.net/F6FF2/4/

现在,我想实现的是这个。如果点击“ 点击我” 链接, 内部容器< codec 应该从页面上提供的窗口位置扩大到窗口的全部范围。

我想这只能通过指定 < code> position: 绝对来达到。但我遇到了一个问题, 即它的父母是相对的。

因此,我至今所想的就是克隆 < codec ,将其从DOM中删除,并在模拟扩展之前将克隆附在 < code>body 上,然后才能产生预期的结果。然而,问题是,如果包含例如谷歌地图,则该地图必须在克隆事件发生后重新验证(而不仅仅是刷新瓷砖)。

除了这种解决办法似乎相当混乱之外,还必须有一个更好、更干净的解决办法。

有什么想法吗?

Answer 1

您在此覆盖内容( 地图) :

c.text(c_width+" > "+c_height+" > "+c_left+" > "+c_top);

不要覆盖内容, 也不要使用克隆人( 移动原版), 在定义动画时触发更改大小的活动 :

http://jsfiddle.net/F6FF2/10/" rel="nown" >http://jsfiddle.net/F6FF2/10/

Answer 2

您是否尝试过将div移到身体元件上, 而不是克隆它?

$("body").append($("#c"))

完成后,您可以将其移回原处:

$("#cw").append($("#c"))

友情链接