草庐IT

jQuery Mobile 和 PhoneGap deviceReady() 未触发

coder 2023-11-30 原文

我正在尝试使用 PhoneGap 1.3.0 创建一个新的 Android 项目。和 JqueryMobile。但问题是，如果我只使用 Phone Gap 测试代码 Phone Gap 有效! DeviceReady 函数被触发。请看考试

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Test Page</title>
<link rel="stylesheet"  href="jquery.mobile/jquery.mobile-1.0.css" />
<link rel="stylesheet" href="docs/assets/css/jqm-docs.css" />
<link rel="stylesheet" href="docsdemos-style-override.css" />
<script type="text/javascript" src="jquery.mobile/jquery-1.6.4.min"></script>
<script type="text/javascript" src="jquery.mobile/jquery.mobile-1.0.js"></script>
<script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script>
<script type="text/javascript" charset="utf-8">


    var onDeviceReady = function() {
        document.getElementById("devready").innerHTML = "OnDeviceReady fired.";
    };

    function init() {
        document.addEventListener("deviceready", onDeviceReady, true);
    }   
</script>  
</head> 
<body > 

<div data-role="page" id="konum" data-theme="a">
<div data-role="header">
<h1>Position</h1>
</div>
<div data-role="content"> 
<p>APP will go here.</p>
<p>
<span id="devready">DeviceReady() Not Fired.</span>
</p>
</div>

但我想使用 jQuery 分页功能。结果:Deviceready 没有被触发。问题是什么。如何同时使用 PhoneGap javascript 代码和 jQuery 库。

    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Test Page</title>

    <link rel="stylesheet"  href="jquery.mobile/jquery.mobile-1.0.css" />
    <link rel="stylesheet" href="docs/assets/css/jqm-docs.css" />
    <link rel="stylesheet" href="docsdemos-style-override.css" />
    <script type="text/javascript" src="jquery.mobile/jquery-1.6.4.min"></script>
    <script type="text/javascript" src="jquery.mobile/jquery.mobile-1.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script>
    <script type="text/javascript" charset="utf-8">


        var onDeviceReady = function() {
            document.getElementById("devready").innerHTML = "OnDeviceReady fired.";
        };

        function init() {
            document.addEventListener("deviceready", onDeviceReady, true);
        }   
    </script>  
    </head> 
    <body > 
    <div data-role="page" id="home" data-theme="a">

    <div data-role="header">
    <h1>Home</h1>
    </div>

    <div data-role="content"> 
    <div data-role="content" id="twitList" >
    something will go here
    </div>   
    </div>
    <div data-role="footer" data-id="foo1" data-position="fixed">
        <div data-role="navbar">
        <ul>
            <li><a href="#home" id="home" data-icon="custom">Home</a></li>
            <li><a href="#about" id="about" data-icon="custom">About</a></li>
            <li><a href="#konum" id="konum" data-icon="custom">Position</a></li>
            <li><a href="#contact" id="contact" data-icon="custom">Contact</a></li>
        </ul>
        </div>
    </div>  
    </div>

    <!------page seperator --------> 

    <div data-role="page" id="about" data-theme="a">

    <div data-role="header">
    <h1>About</h1>
    </div>

    <div data-role="content"> 
    <p>Hoopp! <a href="#home">Back</a></p>    
    </div>
   <div data-role="footer" data-id="foo1" data-position="fixed">
        <div data-role="navbar">
        <ul>
            <li><a href="#home" id="home" data-icon="custom">Home</a></li>
            <li><a href="#about" id="about" data-icon="custom">About</a></li>
            <li><a href="#konum" id="konum" data-icon="custom">Position</a></li>
            <li><a href="#contact" id="contact" data-icon="custom">Contact</a></li>
        </ul>
        </div>
    </div>  
    </div>
    <!------page seperator --------> 


    <div data-role="page" id="konum" data-theme="a">

    <div data-role="header">
    <h1>Position</h1>
    </div>

    <div data-role="content"> 


    <p>APP will go here.</p>
    <p>
    <span id="devready">DeviceReady() Not Fired.</span>
    </p>

    </div>
    <div data-role="footer" data-id="foo1" data-position="fixed">
        <div data-role="navbar">
        <ul>
            <li><a href="#home" id="home" data-icon="custom">Home</a></li>
            <li><a href="#about" id="about" data-icon="custom">About</a></li>
            <li><a href="#konum" id="konum" data-icon="custom">Position</a></li>
            <li><a href="#contact" id="contact" data-icon="custom">Contact</a></li>
        </ul>
        </div>
    </div>  
    </div>

    </body>

谢谢，

最佳答案

这是等价的；

$(document).ready(function() {
  // Handler for .ready() called.
  document.addEventListener("deviceready", onDeviceReady, true);
});

关于jQuery Mobile 和 PhoneGap deviceReady() 未触发，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8815007/

deviceReadyPhoneGap34ltgtjqueryandroideclipsemobilecordova

有关jQuery Mobile 和 PhoneGap deviceReady() 未触发的更多相关文章

  1. ruby - 触发器 ruby​​ 中 3 点范围运算符和 2 点范围运算符的区别 - 2

    请帮助我理解范围运算符...和..之间的区别，作为Ruby中使用的“触发器”。这是PragmaticProgrammersguidetoRuby中的一个示例:a=(11..20).collect{|i|(i%4==0)..(i%3==0)?i:nil}返回:[nil,12,nil,nil,nil,16,17,18,nil,20]还有:a=(11..20).collect{|i|(i%4==0)...(i%3==0)?i:nil}返回:[nil,12,13,14,15,16,17,18,nil,20] 最佳答案 触发器(又名f/f)是

  2. ruby-on-rails - Rails - 乐观锁定总是触发 StaleObjectError 异常 - 2

    我正在学习Rails，并阅读了关于乐观锁的内容。我已将类型为integer的lock_version列添加到我的articles表中。但现在每当我第一次尝试更新记录时，我都会收到StaleObjectError异常。这是我的迁移:classAddLockVersionToArticle当我尝试通过Rails控制台更新文章时:article=Article.first=>#我这样做:article.title="newtitle"article.save我明白了:(0.3ms)begintransaction(0.3ms)UPDATE"articles"SET"title"='dwdwd

  3. ruby-on-rails - 如何在 Rails Controller Action 上触发 Facebook 像素 - 2

    我有一个ruby​​onrails应用程序。我按照facebook的说明添加了一个像素。但是，要跟踪转化，Facebook要求您将页面置于达到预期结果时出现的转化中。即，如果我想显示客户已注册，我会将您注册后转到的页面作为成功对象进行跟踪。我的问题是，当客户注册时，在我的应用程序中没有登陆页面。该应用程序将用户带回主页。它在主页上显示了一条消息，所以我想看看是否有一种方法可以跟踪来自Controller操作而不是实际页面的转化。我需要计数的Action没有页面，它们是ControllerAction。是否有任何人都知道的关于如何执行此操作的gem、文档或最佳实践？这是进入布局文件的像素

  4. ruby - Faye WebSocket，关闭处理程序被触发后重新连接到套接字 - 2

    我有一个super简单的脚本，它几乎包含了FayeWebSocketGitHub页面上用于处理关闭连接的内容:ws=Faye::WebSocket::Client.new(url,nil,:headers=>headers)ws.on:opendo|event|p[:open]#sendpingcommand#sendtestcommand#ws.send({command:'test'}.to_json)endws.on:messagedo|event|#hereistheentrypointfordatacomingfromtheserver.pJSON.parse(event.d

  5. ruby-on-rails - Ruby method_added 回调不触发包括模块 - 2

    我想写一点“Deprecate-It”库并经常使用“method_added”回调。但是现在我注意到在包含模块时不会触发此回调。是否有任何回调或变通方法，以便在某些内容包含到自身时通知类“Foobar”？用于演示的小Demo:#IncludingModulswon'ttriggermethod_addedcallbackmoduleInvisibleMethoddefinvisible"Youwon'tgetacallbackfromme"endendclassFoobardefself.method_added(m)puts"InstanceMethod:'#{m}'addedto'

  6. javascript - jQuery 的 jquery-1.10.2.min.map 正在触发 404(未找到) - 2

    我看到有关未找到文件min.map的错误消息:GETjQuery'sjquery-1.10.2.min.mapistriggeringa404(NotFound)截图这是从哪里来的？ 最佳答案 如果ChromeDevTools报告.map文件的404(可能是jquery-1.10.2.min.map、jquery.min.map或jquery-2.0.3.min.map，但任何事情都可能发生)首先要知道的是，这仅在使用DevTools时才会请求。您的用户不会遇到此404。现在您可以修复此问题或禁用sourcemap功能。修复:获取文

  7. ruby - 为什么触发器运算符包含第二个条件？ - 2

    以下代码使用了触发器运算符。(1..10).each{|x|print"#{x},"ifx==3..x==5}为什么结果是3,4,5？我觉得应该是3,4。如教程中所述，此表达式在x==3时为真，并一直为真，直到x==5。如果“5”的计算结果为false，如何打印它？谁能为我澄清一下？ 最佳答案 来自“TheRubyProgrammingLanguage”的重要链接是:4.6.9.1Booleanflip-flopsWhenthe..and...operatorsareusedinaconditional,suchasanifstat

  8. ruby - 如何使用 aws ruby​​ SDK 为 AWS Lambda 创建 CloudWatch 日志触发器？ - 2

    我知道应该有一种方法可以使用awsruby​​sdk为AWSLambda创建触发器(就像可以使用AWS管理控制台一样)。*更新，我找到了创建触发器的方法。我正在使用以下代码来执行此操作:@cloudwatchlogs=Aws::CloudWatchLogs::Client.new(region:region,credentials:Aws::Credentials.new(aws_access_key_id,aws_secret_access_key))@cloudwatchlogs.put_subscription_filter({log_group_name:"RDSOSMetri

  9. ruby-on-rails - Ruby Timeout::timeout 不会触发异常并且不会返回记录的内容 - 2

    我有这段代码:begincomplete_results=Timeout.timeout(4)doresults=platform.search(artist,album_name)endrescueTimeout::Errorputs'Printmesomethingplease'end然后我启动包含这段代码的方法，好吧，这是堆栈跟踪的开始:Exceptionmessage:executionexpiredExceptionbacktrace:/***/****/.rvm/rubies/ruby-1.8.7-p302/lib/ruby/1.8/timeout.rb:64:i所以我天真

  10. ruby - 如何从不同于 :deploy? 的命名空间触发 Capistrano 任务 - 2

    在我的Capistrano配方中，我有一个具有不同任务的命名空间:namespace:mystuffdotask:mysetupdo;...end;task:mytask1do;...end;task:mytask2do;...end;task:mycleanupdo;...end;endThesecustomisedtasksaretriggeredvialineslikethisatthetopofmyrecipe:after"deploy","mystuff:mycleanup"我想从我的命名空间中执行一个普通的capistrano任务。例如，如果已经建立了一定数量的发布文件夹，

随机推荐