问题描述
在同一HTML页面中，我需要使用jquerymobile( www.jquerymobile.com )并绘制一个简单的图表使用jqplot js库( www.jqplot.com ).
in a same html page i need to use jquerymobile (www.jquerymobile.com) and plot a simple chart with the jqplot js library (www.jqplot.com).
我认为jqplot和jquerymobile之间存在冲突问题，因为未显示图表.但是，如果我对jquerymobile脚本发表评论，则该图表将变得可见.
I think i have a conflict issue between jqplot and jquerymobile, because the chart isn't displayed. But if i comment the jquerymobile script the chart became visible.
这是我的html代码的一部分:
This is the part of my html code:
[...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>
有人建议克服冲突吗?也许我想念什么?
Any advise for overcome the conflict? maybe i miss something?
预先感谢，M.
推荐答案
这是一个常见问题，解决方法有很多问题...
Is a common issue, the workaround it´s buggy...
不要将文档与jquerymobile一起使用，请使用pageInit()
Don´t use document ready with jquerymobile, use pageInit()
在jquery论坛中发现了该线程，它适用于静态数据，但我从未通过在jquerymobile上进行json调用使其在jqplot中起作用.
In jquery forum found this thread, its works with static data but i never make it work jqplot with a json call on jquerymobile.
http://forum.jquery.com/topic/ajax-problem-jquery-mobile-with-jqplot
祝你好运！
这篇关于jqplot与jquerymobile冲突的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！