我试图从Webview调用新的活动。但是,每当我单击指定的<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>
最佳答案
由于某种原因,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>