Javascript jquery";“列表视图”;和图表

Javascript jquery";“列表视图”;和图表,javascript,jquery,jquery-mobile,charts,jquery-mobile-listview,Javascript,Jquery,Jquery Mobile,Charts,Jquery Mobile Listview,我在将图表(jquery图表)显示到web中时遇到一些问题 我有两个页面(1.html和2.html)。第一个包含一个与第二个页面链接的listview。html将显示图表。问题是:当第2页通过第1页启动时,图表不会出现!!但是如果我重新加载第2页。。于是图表出现了 如果我只使用“href=#page”引用一个页面,那么图表可以正常工作并显示出来,但我的目的是使用不同的html文件,其中一个包含listview,另一个包含图表。可能吗 我测试了许多类型的jquery图表,它们都有相同的行为 有什

我在将图表(jquery图表)显示到web中时遇到一些问题

我有两个页面(1.html和2.html)。第一个包含一个与第二个页面链接的listview。html将显示图表。问题是:当第2页通过第1页启动时,图表不会出现!!但是如果我重新加载第2页。。于是图表出现了

如果我只使用“href=#page”引用一个页面,那么图表可以正常工作并显示出来,但我的目的是使用不同的html文件,其中一个包含listview,另一个包含图表。可能吗

我测试了许多类型的jquery图表,它们都有相同的行为

有什么想法吗

谢谢大家, 致以最良好的祝愿

这里是文件:

1.html--

<head>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
</head>
<body>
    <div data-demo-html="true">
        <ul data-role="listview" data-inset="true">
            <li><a href="2.html">Chart</a></li>
        </ul>
    </div>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js">/script>
</body>

/脚本>

2.html将代码放入参考()

要了解这种情况,您需要了解jQuery Mobile是如何工作的。它使用ajax加载其他页面

第一页正常加载。它的头部和身体被加载到DOM中,它们在那里等待其他内容。加载第二个页面时,只有其正文内容加载到DOM中

最现实的解决方案是将所有javascript移到原始的第一个HTML中。收集所有内容并将其放在一个js文件中,放入HEAD中。在jQuery Mobile加载后初始化它。我还将使用相同的index.js文件,并在每个可能的其他页面的标题中初始化它

现在你可以问我为什么了

像jQuery Mobile这样的Phonegap是有缺陷的,如果你的每个js内容都在一个HTML文件中,迟早会出现错误,你的应用程序会失败(包括加载的DOM)。DOM可能被删除,Phonegap将刷新当前页面。如果该页面没有javascript,则在重新启动之前将无法工作


我在这里的回答中列出了解决此问题的其他方法(带有示例):.

1.html包含:您好,Gajotres,非常感谢您的快速响应和有关jquery mobile使用的信息。为了实现一个类似于“解决方案2”的解决方案,我尝试只使用一个html,将所有js文件放入一个头中。除此之外,我将所有页面放在同一个html文件中(使用references href=“#page2”for访问每个页面)。在这种情况下,图表页面工作正常,但出现了另一个问题!现在问题与“listview”对象有关。我将编辑我的问题以扩展问题。感谢与jquery mobile和listview对象相关的新问题: