使用Jquery Mobile在移动设备上显示图表(d3js)

时间:2012-06-07 10:00:49

标签: jquery ajax html5 jquery-mobile

我正在使用Jquery Mobile创建一个HTML5移动应用程序,它可以显示使用d3js创建的图表。这些图表将在客户端创建,但数据将通过服务器检索。 JQM页面是静态HTML页面,可以从服务器请求数据并创建即兴图表。但是,我很难理解JQM ajax / hash映射。当我将请求重定向到另一个页面时,它无法在该页面上运行javascript。因此,我使用window.location.href = a.html来更改页面而不是$ .mobile.changePage(a.html)。

每个数据页面都有一个ID,以便可以缓存它,然后我该如何创建新的页面链接并为其提供数据。

我有两个文件:index.html,其中包含用户可以选择查看的数据列表,然后是另一个chart.html文件,其中包含有关如何使用Javascript Ajax创建图表的信息服务器的数据。如何使用JQM实现这一点。

1 个答案:

答案 0 :(得分:1)

我希望您已经完成了JQM Page LinksJQM Page Scripting

由于JQM通过(Hi)Ajax获取所有后续页面并将其<body>标记插入到当前DOM中;后续页面中定义的<script>不会被执行。

您需要在首页的<head> - index.html

中包含所有脚本

用于在页面之间传递参数;你可以简单地使用JQM Page Scripting页面底部提到的插件

虽然我个人只是使​​用$ .data()函数:D