javascript - Jquery Mobile - $(document).ready 不触发

标签 javascript jquery html jquery-mobile

所以我有一个 ListView ,其中每个组件都连接到一个点击功能,如下所示:

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>

最佳答案

您不能使用 $(document).ready() 启动 jQuery mobile,您应该这样启动:

尝试在第一个 HTML 中使用它

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

关于javascript - Jquery Mobile - $(document).ready 不触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7422253/

相关文章:

javascript - 未捕获的 TypeError : . 过滤器不是函数

javascript - 如何在 JavaScript 中访问实例变量?

javascript - 如果 2 个元素可单击,如何强制浏览器仅处理顶部链接?

javascript - 如何访问 JQUERY 中的数组元素?

html - 如何在 phonegap android 应用程序中添加工作 iframe?

javascript - 使用 HTML5 创建音频可视化工具

javascript - 如何使用 Tab Navigator NOT stack navigator 将参数传递给路由

javascript - 检查值是否与 JS ES6 中数组中的任何其他值匹配

javascript - 选择多个映射到不同单选组的单选按钮 - React

javascript - FullCalendar 在 vi​​ewRender 上加载来自 JSON feed 的事件