无法从Javascript调用新的Activity

时间:2014-07-05 09:48:39

标签: javascript android jquery android-webview

我尝试从Webview调用一个新的Activity。但是,每当我点击指定的<div>时,都没有任何反应。请参阅下面的实施:

MainActivity.java

WebView myWebView;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);


    myWebView = (WebView) findViewById(R.id.webView1);
    WebSettings webSettings = myWebView.getSettings();
    webSettings.setJavaScriptEnabled(true);
    myWebView.addJavascriptInterface(this, "Android");
    myWebView.loadUrl("http://.../hello.html");
}

@JavascriptInterface
public void newActivityCalled(){
        Intent intent = new Intent(this,NewAct.class);
        startActivity(intent);
}

hello.html的

<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
<script type="text/javascript">

    $("#yoyo").click(function (){
        Android.newActivityCalled();
    });

</script>
</head>
<body>
<div id="yoyo"> New Activity Text </div>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

由于某种原因,jQuery onclick方法不起作用。但是,如果您切换到纯JavaScript,则代码可以正常工作:

<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
<script type="text/javascript">
   function loadActivity(){
       Android.newActivityCalled();
  }
</script>
</head>
<body>
<div id="yoyo" onclick="loadActivity()"> New Activity Text </div>
</body>
</html>