适用于Android的PhoneGap上的Jqplot错误

时间:2013-02-10 10:36:01

标签: android cordova jqplot

在我的Android PhoneGap应用程序中尝试使用jqplot时出现此错误:

Uncaught TypeError: Object function (a,b){return new e.fn.init(a,b,h)} has no method 'jqplot' at file:

按下按钮后,图表应显示。

我在Chrome网页上运行的代码完全相同,这表明代码是正确的。

下面的链接有同样的问题,但没有人回答,所以我想我会看到是否有人找到了解决方法。

How to plot jqplot chart inside phonegap app for Android

包括:

<script type="text/javascript" charset="utf-8" src="cordova-2.3.0.js"></script>
<link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.2.0.min.css" />
<script type="text/javascript" src="jquery.mobile/jquery-1.8.0.min.js"></script>  
<script type="text/javascript" src="jquery.mobile/jquery.mobile-1.2.0.min.js"></script>     
<!--[if lt IE 9]><script type="text/javascript" src="excanvas.js"></script><![endif]-->
<script type="text/javascript" src="jqplot/jquery.jqplot.js"></script>
<link rel="stylesheet" type="text/css" href="jqplot/jquery.jqplot.css" />
<script type="text/javascript" src="jqplot/jqplot.canvasAxisLabelRenderer.min.js"></script>
<script type="text/javascript" src="jqplot/jqplot.canvasTextRenderer.js"></script>

jqplot代码:

function makegraph() {
    $.jqplot('chartdiv',  [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]);
}

HTML:

<div id="chartdiv" style="height:400px;width:300px; "></div>

由于

1 个答案:

答案 0 :(得分:0)

找到答案:

在href标记中放入data-ajax =“false”以强制页面重新加载,并且将加载jqplot脚本。

否则将jqplot脚本和css文件放在data-role =“page”标记之后,脚本将加载每个页面的转换。