Dialog всплывающее окно JQuery Mobile

У меня есть код, чтобы открыть диалоговое окно:Dialog всплывающее окно JQuery Mobile

<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

Я хочу, чтобы мой диалог, чтобы закончить на красной линии, programmly

источник

2013-08-05 Cheese

Поскольку диалог не является частью содержания, но сидит на верхней части экрана. Вам понадобится способ рассчитать общую высоту вашей страницы в диалоговом окне и узнать высоту отображаемого содержимого. Затем вам нужно будет отрегулировать высоту в диалоге, возможно, Pageload, а затем изменить высоту внешнего div ui-dialog, на который я полагаю, на высоту, которую вы рассчитали.

Это не «легкая» задача новичка. В качестве альтернативы вы можете попытаться настроить диалоговое окно на автоматический размер контента. По умолчанию, хотя диалоги намного меньше того, что вы показываете своей красной линией. Возможно, у вас открыт DIV, или, может быть, у вас может быть дополнительный код или высота на странице диалога.

Отличный способ увидеть, что происходит, когда нужно поднять ваш сайт в CHROMe и использовать firebug, чтобы найти диалог и попробовать вручную изменить значения, чтобы узнать, что произойдет.

источник

2013-08-05 18:59:37 imaginethepoet

Dialog всплывающее окно JQuery Mobile

ответ

Смежные вопросы