javascript – 动态更改jquery UI对话框的大小

前端之家收集整理的这篇文章主要介绍了javascript – 动态更改jquery UI对话框的大小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个 jquery对话框.我在对话框中显示一个asp.net gridview.
我希望对话框的大小根据网格视图的大小进行更改.

有一个按钮,在单击时显示对话框.

我想设置对话框的大小,以便gridview完美地适应它.

I have my javascript code below : 



 $("#ViewModalPopup").dialog({
                height: 800px,scrollable: true,width: 800,modal: true

            });

这里#ViewModalPopup是包含模态弹出窗口的div.

我尝试实现以下逻辑,根据div的大小调整对话框的高度:

var maxHeight = 600;
            var currentHeight = $('#ViewModalPopup').height();

if (currentHeight < maxHeight) {
                var desiredHeight = currentHeight
                }
            else
            {
                var desiredHeight = maxHeight;
                }

  $("#ViewModalPopup").dialog({
                    height: desiredheight,modal: true

                });

但它不起作用

var currentHeight = $('#ViewModalPopup').height();

从点击第二个按钮开始变为空.

有什么办法可以动态改变对话框的大小吗?

解决方法

设置如
$("#ViewModalPopupDiv1").dialog("option","maxHeight",600);

API

猜你在找的jQuery相关文章