調整對話框寬度jQuery Mobile到非Ajax加載頁面

我需要打開一個彈出窗口到自定義大小。使用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規則。

來源

2011-12-13 forrestranger

我回答了我自己的問題。我發現，使用ajax加載時，頁面被提取時，它只會從目標頁面獲取內容。如果我想提供一些自定義CSS應用到目標頁面，我需要在父頁面（或調用彈出窗口的頁面）上。我會在8小時後立即回答這個問題。 – forrestranger

要麼在父頁上，要麼在div role = page（包括JS代碼！）內。或者，您可以禁用ajaxLoading並且不讓jqm動態加載頁面，而是以「經典」方式加載瀏覽器 – Leon

我回答了我自己的問題。我發現，使用ajax加載時，頁面被提取時，它只會從目標頁面獲取內容。如果我想提供一些自定義CSS應用到目標頁面，我需要在父頁面（或調用彈出窗口的頁面）上。

來源

2011-12-14 23:33:40 forrestranger

調整對話框寬度jQuery Mobile到非Ajax加載頁面

回答

相關問題