2
我需要打開一個彈出窗口到自定義大小。使用jQuery移動文檔的建議,當我用ajax加載頁面時(在同一個.html文檔中),我可以獲得自定義大小。當我有一個單獨的.html文檔時,它不會加載我指定的自定義寬度。調整對話框寬度jQuery Mobile到非Ajax加載頁面
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" >
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
<style>
.ui-dialog .ui-header,
.ui-dialog .ui-content,
.ui-dialog .ui-footer {
max-width: 800px;
margin: 10% auto 15px auto;
}
</style>
</head>
<body>
<div data-role="page" id="popup">
<div data-role="content">
<a data-role="button" href="#" data-rel="back">back</a>
</div>
</div>
</body>
</html>
這是代碼。如果我在同一個文件中鏈接到它,並且只使用
<a href="#popup" data-rel="dialog">popup</a>
它工作正常。如果你想改變寬度(jQuery Mobile Dialog docs),你可以看到jQuery Mobile添加的css規則。
我回答了我自己的問題。我發現,使用ajax加載時,頁面被提取時,它只會從目標頁面獲取內容。如果我想提供一些自定義CSS應用到目標頁面,我需要在父頁面(或調用彈出窗口的頁面)上。我會在8小時後立即回答這個問題。 – forrestranger
要麼在父頁上,要麼在div role = page(包括JS代碼!)內。或者,您可以禁用ajaxLoading並且不讓jqm動態加載頁面,而是以「經典」方式加載瀏覽器 – Leon