jquerymobile：通过AJAX请求加载JQPlot图

我是jquerymobile的新手，我正在尝试根据用户的选择显示带有JqPlot图形的页面

我今天早上读到并做了实验，通过设计，通过点击链接显示/加载页面的javascript代码不会被执行

要考虑要加载的页面的JS脚本，必须将链接的数据属性

data ajax

设置为false。但在这种情况下，浏览器会重新加载所有页面，用户无法顺利过渡

<p><a href="myUrl.php" data-ajax= "false" data-transition="slideup" data-role="button" data-theme="c">  

我的解决方案是痛苦的，我相信我可以很容易地加载我的图表 有没有更好的解决方案？更好的代码实现？

JQuery

.load（）

是一个很好的页面加载选项，包括按照标准页面加载执行Javascript和应用CSS。我在MVC单页网站的部分页面中使用了这种技术，发现它非常有效

我不完全清楚您对链接的担忧，但在链接的“单击”处理程序中使用JQuery.load（）当然也可以

---

您的代码看起来不错，很高兴看到您在异步加载时应用了加载层。我不能100%确定该层对您的工作方式，但我认为您可能需要在

.load（）

完成后隐藏/删除它，因此可能需要在加载后处理程序中添加一些额外的代码才能做到这一点？

是的，您是对的。但我的问题更多的是关于JQuery移动环境中

.load（）

的利用率。我上面的解决方案是痛苦的，我相信我可以轻松加载我的图表，特别是使用此选项对您来说是“痛苦的”，您探索了哪些替代方案？谢谢更新您的答案。实际上，加载页面时，加载层会被图形代码覆盖，在我看来，每次需要执行页面中编写的JS代码加载时，都不方便使用这种方法。我知道这是针对手机的，JS代码必须在第一次加载才能有效，但有时候，页面必须执行特定的JS代码，在页面本身中编写JS代码更方便。

  $(document).on('pageshow','#page-detail',function(){       
        //Apply a loading layer to the graph container
        $('#graph-container').html("<div id='graph-loading-layer' class='loading loading-col2a'>"+g_graphLoadingText+"</div>");                    

        //Load my graphic page creation. In this page, there are JS code to create the JQplot graphic
        $('#graph-container').load(g_baseUrl+"index/graph/format/html",{chartHeight : newHeight+'px'},function(response, status, xhr) {
            console.log('loaded')
        });                 
    });