Question

我有一个打开对话框的代码：

<p><a href="ShopItems/Rotax125MicroMax.html" data-rel="dialog" data-role="button">Rotax 125 Micro Max</a></p>

一个页面，即对话框：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>Paraugs Karting.lv</title>
<script src="../../js/jquery-1.10.0.min.js" type="text/javascript"></script>
<script src="../../js/jquery.mobile-1.3.1.js" type="text/javascript"></script>
<link rel="stylesheet" href="../../css/jquery.mobile-1.3.1.css" type="text/css" media="all" />
<link rel="stylesheet" href="../../css/style.css" type="text/css" media="all" />
</head>
<body>
 <div data-role="page" data-url="Rotax125MicroMax.html">
    <div data-role="header">
        <h1>Rotax 125 Micro Max</h1>
    </div>
    <div data-role="content">
        <img id="motor" alt="motor" src="125MicroMaxMY11.jpeg" />
    </div>
</div>
</body>
</html>

有没有办法让对话框通过内容重新调整大小？

示例：

Dialog

我希望我的对话框以红线结束，程序化

Answer 1

由于对话框不是内容的一部分，而是位于屏幕顶部。您需要一种方法来计算对话框下页面的总高度，并知道正在显示的内容的高度。然后你需要调整对话框的高度，可能是Pageload，然后改变外部div ui对话框的高度，我相信你计算的高度。

这不是一个“简单”的新手任务。或者，您可以尝试将对话框设置为内容的自动大小。默认情况下，对话框比红线显示的要小得多。您可能打开了DIV，或者可能在对话框页面中有额外的代码或高度。

了解发生了什么的好方法是在CHROMe中提取您的网站并使用firebug查找对话框并尝试手动更改值以查看会发生什么。

对话框弹出jQuery Mobile

1 个答案: