0

我正在尝试使用包含 Phonegap/javascript 代码的片段之一来创建和应用带有选项卡和片段的应用程序。

我有一些代码在phonegap应用程序（没有片段）中可以工作，但是当我将代码放入片段时它停止工作......

例如，下面的代码甚至不起作用......：

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="jquery.mobile-1.3.2.min.js"></script>
<script>


    document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady(){
        alert("woot i loaded");
    }


</script>
</head>
</html>

我最初的想法是在我转到选项卡之前正在运行代码。带有 phonegap 代码的选项卡不是默认选项卡，所以它可能在应用程序加载时加载，这就是为什么我什么都看不到？

public class DevicesListFragment extends Fragment{

    CordovaWebView webView; 
    @Override
    public void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        webView = new CordovaWebView(getActivity());
        **webView.loadUrl("file:///android_asset/www/index.html");**
            //maybe this is loading and running js before I switch to that tab?
    }
}

在带有标签和片段的 Android 应用程序中使用 PhoneGap 时，我是否需要做任何特别的事情？

4

1 回答 1

1

首先尝试在移动/模拟器中而不是在浏览器中实现应用程序

    <!DOCTYPE html>
    <html>
      <head>
        <title>Device Ready Example</title>

        <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
        <script type="text/javascript" charset="utf-8">

        // Wait for device API libraries to load
        //
        function onLoad() {
            document.addEventListener("deviceready", onDeviceReady, false);
        }

        // device APIs are available
        //
        function onDeviceReady() {
            // Now safe to use device APIs
        }

        </script>
      </head>
      <body onload="onLoad()">
      </body>
    </html>

MyPhoneGapActivity.java

import org.apache.cordova.DroidGap;

import android.os.Bundle;

public class MyPhoneGapActivity extends DroidGap {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");
    }
}

或者参考下面提供的行

http://docs.phonegap.com/en/3.0.0/cordova_events_events.md.html#Events

于 2013-10-16T16:01:40.233 回答