Jquery Mobile - $（文件）。還沒有開火

Question

所以我有一個listview，其中每個組件都連接到一個on click函數，如下所示：

function launchNewPage() {
    $.mobile.changePage( "newPage.html", { transition: "slide"} );
}

我遇到的問題與下一頁有關。 該頁面顯示正常，但沒有任何資源正在加載。 當我在firebug中檢查頁面時，沒有加載任何必要的JS文件。 最重要的是，它似乎不會執行$（document）.ready函數。 有沒有人對我做錯了什么有任何見解？ 對不起，我對JQ有點新鮮......提前謝謝。

請求的HTML：

<!DOCTYPE html> 
<html>
<head> 
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"> 
    <title></title> 

    <link rel="stylesheet" href="CSS/JqueryMobile.css" />
    <link rel="stylesheet" href="CSS/theme.css" />  
    <link rel="stylesheet" href="CSS/JQM-DatePicker.css" /> 

    <script type="text/javascript" src="JS/jquery-1.6.2.js"></script>
    <script type="text/javascript" src="JS/JqueryMobile.js"></script>       
    <script type="text/javascript" src="JS/JQM-DatePicker.js"></script>

    <script type="text/javascript" src="JS/mockjax.js"></script>    
    <script type="text/javascript" src="JS/soyutils.js"></script>
    <script type="text/javascript" src="JS/fields.js"></script>
    <script type="text/javascript" src="JS/JSDictionaryObject.js"></script>
    <script type="text/javascript" src="JS/AddingForm.js"></script>
</head> 
<body> 
    <div id="page" data-role="page" data-theme="x">
        <div class="ui-body-x" data-role="header" data-position="fixed">
            <h1 class="ui-header-style" style="text-align:left; margin-left:10px;">Add New Record</h1>
            <div data-type="horizontal"  class="ui-btn-right ui-button-group"> 
                <a id="cancelButton" href="http://www.google.com" data-role="link"  data-ajax="false">Cancel</a>
                <a id="submitButton" form="f" class="ui-btn-up-x" onClick="javascript:return submitPressed();"data-role="button" data-icon="" data-ajax="false">Submit</a> 
            </div>              
        </div><!-- /header -->

        <div data-role="content" data-theme="x">

            <form  id="f" src="#"></form>       
        </div><!-- /content -->

    </div><!-- /page -->

</body>

Answer 1

你不能用$(document).ready()來啟動jQuery mobile你應該像這樣開始：

嘗試在第一個HTML中使用它

$("div[data-role*='page']").live('pageshow', function(event, ui) { 
    document.location.href="newPage.html";
});

Answer 2

Geoff，如果您使用的是JQM框架的Beta 3版本，請閱讀此內容。 它將有助於闡明DOM和$（文檔）.ready（）。 您可能需要考慮“pagecreate”和“pagebeforecreate”事件。 它們在上述鏈接中引用的文檔中描述。

Jquery Mobile - $（文件）。還沒有開火

問題描述

請求的HTML：

2 個解決方案

解決方案1
5 已采納 2011-09-14 20:07:47

解決方案2
3 2011-09-14 22:52:59

Jquery Mobile - $（文件）。還沒有開火

問題描述

請求的HTML：

2 個解決方案

解決方案1 5 已采納 2011-09-14 20:07:47

解決方案2 3 2011-09-14 22:52:59

解決方案1
5 已采納 2011-09-14 20:07:47

解決方案2
3 2011-09-14 22:52:59