0

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

<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>

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

例子：

对话

我希望我的对话以编程方式在红线上结束

4

1 回答 1

0

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

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

查看正在发生的事情的一个好方法是在 CHROMe 中打开您的站点并使用 firebug 查找对话框并尝试手动更改值以查看发生了什么。

于 2013-08-05T18:59:37.150 回答