Question

我使用查询移动和html5创建了一个Web应用程序，目前，我的JS都没有在应用程序中执行。

JS在Android WebView上启用，因为Jquery移动版可以为库执行JS，但在Android设备上不起作用。

它在iOS模拟器和网络浏览器上工作正常，所以我想知道是否有某种隐藏的设置/实现我需要为Android处理？

这是我通过电话间隙输出的简单对话框html上的onClick事件收到的错误

07-15 09:25:00.621: E/Web Console(2992): Uncaught ReferenceError: uploadTrue is not defined at file:///android_asset/www/itemDetailCarHire.html:2

这是itemDetailCarHire html，用于启动执行onClick的对话框。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>
<link href="src/jquery.mobile-1.3.1.min.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="src/jquery.mobile.iscrollview.css" />
<link rel="stylesheet" href="src/jquery.mobile.iscrollview-pull.css" />
<script src="src/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="src/jquery.mobile-1.3.1.min.js" type="text/javascript"></script>

<script src="src/iscroll.js"></script>
<script src="src/jquery.mobile.iscrollview.js"></script>
<script src="src/script/itemDetailCarHire.js"></script>

  <link rel="stylesheet" href="src/jquery.ui.datepicker.mobile.css" /> 
  <script src="src/jquery.ui.datepicker.js"></script>
  <script src="src/jquery.ui.datepicker.mobile.js"></script>


</head>

<body>
<div data-role="page" id="fields">
  <div data-role="header" data-position="fixed" data-theme="b" data-tap-toggle="false" data-transition="none" > <a href="" onclick="history.back(-1); return false;">Back</a>
    <h1>New Claim</h1>
  </div>
  <div data-role="content">
    <ul class="ui-li" data-role="listview" id="claimProfileListView" data-inset="true"  data-scroll="true">

        <h3>Original Receipt:</h3>
        <div data-role="fieldcontain"> <a href="uploadRecieptDialog.html" data-role="button" data-rel="dialog">Upload Reciept</a> </div>
      </li>

    </ul>
    <div data-role="navbar">
      <ul>
        <li><a href="claimItemSummary.html" data-theme="b">Save Claim Item</a></li>
      </ul>
    </div>
  </div>
</div>
</body>
</html>

当用户点击原始收据组件时，它将正确显示名为uploadRecieptDialog.html的对话框，其代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>
<link href="src/jquery.mobile-1.3.1.min.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="src/jquery.mobile.iscrollview.css" />
<link rel="stylesheet" href="src/jquery.mobile.iscrollview-pull.css" /> 
<script src="src/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="src/jquery.mobile-1.3.1.min.js" type="text/javascript"></script>
<script src="src/iscroll.js"></script>
<script src="src/jquery.mobile.iscrollview.js"></script> 


</head>
<body>
<div data-role="page" id="page">

<div data-role="header"  data-theme="b"  data-position="fixed" >

        <h1>Upload Reciept</h1>

    </div>
  <div data-role="content">
  <p>Click the button below to select and upload your Reciept</p>
    <h3><a onclick="uploadTrue();" data-role="button" data-theme="c" >upload Reciept</a></h3>

    <div data-role="footer" data-position="fixed" data-theme="b" >

    </div>
  </div>
</div>
</body>
</html>

这是updateDetailCarHire.JS

function uploadTrue(){
        alert("upload true");

        //load previous page
        history.back(-1); return false;
        alert("UPLOADED");

    }

您可以看到一个简单的JS，它会显示一条警告消息并返回上一屏幕。在iOS模拟器和chrome / safari桌面Web浏览器上，它可以工作！

Answer 1

我猜你的Javascript没有执行，因为cordova的历史命令有问题。

点击此处：in Cordova 1.8.1 - Android history.back() not working

可能：Why is javascript:history.go(-1); not working on mobile devices?

尝试使用history.back();

编辑：我没有看到任何这些HTML网页上包含updateDetailCarHire.JS。

Javascript将无法在Android webview中执行

1 个答案: