4

我有一个父 div，里面有一个子 div。父 div 使用 jquery Ui 可调整大小。当父 div 调整大小时，如何使子 div 实时固有父 div 尺寸。

这就是我所拥有的 http://jsfiddle.net/dtxhe/7/

调整大小后，子 div 不会根据其父级调整大小。

4

4 回答 4

7

你也可以使用这个：

http://jsfiddle.net/dtxhe/11/

代码 ：

$("#container").resizable({ alsoResize: '#child' });
于 2011-01-27T21:21:00.063 回答
2

您需要利用resize可调整大小对象的事件。

http://jsfiddle.net/dtxhe/10/

$("#container").resizable({
   resize: function(event, ui) {
       var parentwidth = $("#container").innerWidth();
       var parentheight = $("#container").innerHeight();
       $("#child").css({'width':parentwidth, 'height':parentheight});
   }
});
于 2011-01-27T21:15:52.797 回答
1

您可以在 $.resize 事件中更改孩子的大小以适合父母。例如（更改代码以减少 jquery 选择器调用）：

$("#container").resize(function(){
    var $this = $(this);
    var parentwidth = $this.innerWidth();
    var parentheight = $this.innerHeight();
   $("#child").css({'width':parentwidth, 'height':parentheight});
});
$("#container").resizable();
$("#container").resize();

工作示例：http: //jsfiddle.net/Chandu/dtxhe/9/

于 2011-01-27T21:16:59.023 回答
0

您必须绑定到 resize 事件，如下所示：http: //jsfiddle.net/bWMxm/2/

于 2011-01-27T21:19:48.520 回答