Question

我已经从这里尝试了一切。

之前加载，

之后加载

使用

$(document).delegate("#index", "pagecreate", function()

使用

$（document）.on（'pageshow'，'＃index'，function（）

但是没有运气，图表在更改页面后没有出现。对于我正在使用其他html页面的页面。

像

<a href="mobile_page1.html" data-transition="slide">left</a>
<a href="mobile_page2.html" data-transition="slide">right</a>

我没有使用相同的html页面，页面更改但图表无法打开，只有我点击重新加载

有谁知道它的秘密？

谢谢：）

Answer 1

看看这个小例子。 http://jsfiddle.net/beRoberto/Mrgv2/

容器的大小必须

<div id="container" style="height:auto; width:95%;"></div>

主要思想是为您尝试实施的图表添加适当的库。 Highchart和Highstock之间存在差异，因此请选择合适的库。像魅力一样。

调用函数生成ready上的图表对我来说效果很好。

$(document).ready(function() {
var data = [];
for (var i = 0; i <= 20; i++) {
 data[i] = 20 + i;
}

//call th function to generate chart
makeChart(data);
});

更新：通过将rel=external添加到链接

来关闭链接上的AJAX导航

<a href="mobile_page1.html" data-transition="slide" rel=external>left</a>

或者

<a href="mobile_page1.html" data-transition="slide" data-ajax="false">left</a>

问题是AJAX导航没有加载你的Highchart库，更多关于AJAX的帖子：Remove ajax call from regular links with jQuery Mobile

Highcharts和jQuery Mobile Pages

1 个答案: