在同一个html页面中,我需要使用jquerymobile(www.jquerymobile.com)并使用jqplot js库(www.jqplot.com)绘制一个简单的图表。

我认为jqplot和jquerymobile之间存在冲突问题,因为未显示图表。但是,如果我对jquerymobile脚本进行注释,则该图表变为可见。

这是我的html代码的一部分:

[...head...]
<link rel="stylesheet" type="text/css" href="jquery.jqplot.1.0.0b2_r792/dist/jquery.jqplot.css" />

<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script type="text/javascript" src="jquery.mobile-1.0/jquery.mobile-1.0.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js"></script>

<script type="text/javascript" src="jquery.jqplot.1.0.0b2_r792/dist/jquery.jqplot.js"></script>
<script type="text/javascript" src="jquery.jqplot.1.0.0b2_r792/dist/plugins/jqplot.canvasTextRenderer.min.js"></script>
<script type="text/javascript" src="jquery.jqplot.1.0.0b2_r792/dist/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>

[...script...]
$(document).ready(function () {
var plot1 = $.jqplot ('chart1', [[3,7,9,1,4,6,8,2,5]]);
});

[...body...]
<div class="jqplot" id="chart1" style="height:300px;width:400px;"></div>


有什么建议可以克服冲突吗?也许我想念什么?

提前致谢,
M.

最佳答案

是一个常见的问题,解决方法有很多问题...

不要在jquerymobile中使用准备就绪的文档,请使用pageInit()

在jquery论坛中发现了该线程,它可用于静态数据,但我从来没有通过jquerymobile上的json调用使其工作于jqplot。

http://forum.jquery.com/topic/ajax-problem-jquery-mobile-with-jqplot

祝好运!

10-04 15:43