Phonegap和JQM - deviceready和mobileinit的顺序?

时间:2014-03-13 16:15:27

标签: jquery jquery-mobile cordova phonegap-plugins

使用Phonegap和JQM的最新版本,如何设置这两个事件devicereadymobileinit

(我已经在这里查看了答案,但它们已经过时并且提供的信息很少)

我目前正在使用onload功能,但存在严重的延迟 - 我可以点击一个按钮来触发通知,它会延迟几秒钟。

我应该使用jQuery $(document).ready()吗?

mobileinitdeviceready的正确顺序是什么?

我自己的代码应该去哪里?

下面的当前代码:

<script type="text/javascript" src="phonegap.js"></script>
    <script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
    <script type="text/javascript" src="js/jquery.mobile-1.4.2.min.js"></script>

    <script type="text/javascript">
    $(document).bind("mobileinit", function() {
        $.mobile.allowCrossDomainPages = true;
        $.mobile.buttonMarkup.hoverDelay = 0;
        $.mobile.defaultDialogTransition = 'none';
        $.mobile.defaultPageTransition = 'none';
    });    

    function onLoad() {
      document.addEventListener("deviceready", onDeviceReady, false);
    }

    function onDeviceReady() {
      $(document).on('click', '.add-alarm', function() {
        var now = new Date().getTime(),
        _60_seconds_from_now = new Date(now + 5*1000);

        window.plugin.notification.local.add({
          title: 'title herre',
          message: 'my message',
          date: _60_seconds_from_now,
          sound: 'TYPE_ALARM'
        });
      });
    }
    </script>

onLoad()

解雇
<body onload="onLoad()">

0 个答案:

没有答案